@import "vendor/rfs";
@import "mixins/deprecate";
@import "mixins/breakpoints";
@import "mixins/hover";
@import "mixins/image";
@import "mixins/badge";
@import "mixins/resize";
@import "mixins/screen-reader";
@import "mixins/size";
@import "mixins/reset-text";
@import "mixins/text-emphasis";
@import "mixins/text-hide";
@import "mixins/text-truncate";
@import "mixins/visibility";
@import "mixins/alert";
@import "mixins/buttons";
@import "mixins/caret";
@import "mixins/pagination";
@import "mixins/lists";
@import "mixins/list-group";
@import "mixins/nav-divider";
@import "mixins/forms";
@import "mixins/table-row";
@import "mixins/background-variant";
@import "mixins/border-radius";
@import "mixins/box-shadow";
@import "mixins/gradients";
@import "mixins/transition";
@import "mixins/clearfix";
@import "mixins/grid-framework";
@import "mixins/grid";
@import "mixins/float";
@import "functions";
@import "variables";
@import "mixins";
@import "root";
@import "reboot";
@import "type";
@import "images";
@import "code";
@import "grid";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
@import "button-group";
@import "input-group";
@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "jumbotron";
@import "alert";
@import "progress";
@import "media";
@import "list-group";
@import "close";
@import "toasts";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
@import "spinners";
@import "utilities";
@import "print";
@import url("https://fonts.googleapis.com/css?family=#
@import url("/web/content/#

/* /web/static/lib/bootstrap/scss/_functions.scss defined in bundle 'web.assets_frontend' */
// Bootstrap functions // // Utility mixins and functions for evaluating source code across our variables, maps, and mixins. // Ascending // Used to evaluate Sass maps like our grid breakpoints. @mixin _assert-ascending($map, $map-name){$prev-key: null; $prev-num: null; @each $key, $num in $map{@if $prev-num == null or unit($num) == "%"{// Do nothing}@else if not comparable($prev-num, $num){@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num}whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";}@else if $prev-num >= $num{@warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num}which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";}$prev-key: $key; $prev-num: $num;}}// Starts at zero // Used to ensure the min-width of the lowest breakpoint starts at 0. @mixin _assert-starts-at-zero($map, $map-name: "$grid-breakpoints"){$values: map-values($map); $first-value: nth($values, 1); @if $first-value != 0{@warn "First breakpoint in #{$map-name}must start at 0, but starts at #{$first-value}.";}}// Replace `$search` with `$replace` in `$string` // Used on our SVG icon backgrounds for custom forms. // // @author Hugo Giraudel // @param{String}$string - Initial string // @param{String}$search - Substring to replace // @param{String}$replace ('') - New value // @return{String}- Updated string @function str-replace($string, $search, $replace: ""){$index: str-index($string, $search); @if $index{@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);}@return $string;}// Color contrast @function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light){$r: red($color); $g: green($color); $b: blue($color); $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000; @if ($yiq >= $yiq-contrasted-threshold){@return $dark;}@else{@return $light;}}// Retrieve color Sass maps @function color($key: "blue"){@return map-get($colors, $key);}@function theme-color($key: "primary"){@return map-get($theme-colors, $key);}@function gray($key: "100"){@return map-get($grays, $key);}// Request a theme color level @function theme-color-level($color-name: "primary", $level: 0){$color: theme-color($color-name); $color-base: if($level > 0, $black, $white); $level: abs($level); @return mix($color-base, $color, $level * $theme-color-interval);}

/* /web/static/lib/bootstrap/scss/_mixins.scss defined in bundle 'web.assets_frontend' */
// Toggles // // Used in conjunction with global variables to enable certain theme features. // Vendor  // Deprecate  // Utilities             // // Components          // // Skins      // // Layout     

/* /web/static/src/legacy/scss/bs_mixins_overrides.scss defined in bundle 'web.assets_frontend' */
//------------------------------------------------------------------------------ // Bootstrap Mixins and Functions Extensions // Those will affect the way bootstrap is generated wherever bootstrap is used //------------------------------------------------------------------------------ // This variable must be defined here instead of bootstrap overridden files // otherwise we will have deprecation messages for assets_common generation $enable-deprecation-messages: false !default; // Override color-yiq function to handle the alpha component of colors and // automatic threshold @function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light, $background: $body-bg, $cross-mix: true){$threshold: if($yiq-contrasted-threshold != false, $yiq-contrasted-threshold / 255 * 100%, false); @return o-get-most-contrast($color, $light, $dark, $background, $threshold, $cross-mix);}@function mute-color($color){@return scale-color($color, $alpha: -30%);}// This placeholder regroups the rules that will apply on all elements with a // bg-* class (see o-bg-color, bg-variant). The optimized-css way would be to // have a common class for them all. %o-bg-color-component-color-reset{h1, h2, h3, h4, h5, h6{color: inherit;}}$o-yiq-min-opacity-threshold: 0.3 !default; $o-color-extras-nesting-selector: '&' !default; @mixin o-bg-color($color, $text-color: null, $with-extras: true, $important: true, $yiq-min-opacity-threshold: $o-yiq-min-opacity-threshold, $background: $body-bg, $nesting-selector: $o-color-extras-nesting-selector){@if ($color){$-yiq-threshold-met: alpha($color) > $yiq-min-opacity-threshold; $-yiq-color: if($text-color, $text-color, if($-yiq-threshold-met, color-yiq($color, $background: $background), null)); background-color: $color#{if($important, ' !important', '')}; color: $-yiq-color; // not important so that text utilities still work @if $with-extras and $-yiq-threshold-met{#{$nesting-selector}{@extend %o-bg-color-component-color-reset; .text-muted{// Always important since the basic BS rule is important color: mute-color($-yiq-color) !important;}}}}}// Override background utilities so that they come with a default contrasted // color (especially useful in the frontend editor for example). Also modifies // the way .text-muted elements are rendered in those environments. @mixin bg-variant($parent, $color, $text-color: null){#{$parent}{@include o-bg-color($color, $text-color);}a#{$parent}, button#{$parent}{@include hover-focus{@include o-bg-color(darken($color, 10%), $text-color, false);}}}@mixin bg-gradient-variant($parent, $color, $text-color: null){#{$parent}{@include o-bg-color($color, $text-color); background-image: linear-gradient(180deg, mix($body-bg, $color, 15%), $color) !important; background-repeat: repeat-x !important;}}

/* /web/static/src/legacy/scss/utils.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups the odoo mixins. They are available in every asset bundle. /// // ------------------------------------------------------------------ // Caret // ------------------------------------------------------------------ @mixin utils-caret-boilerplate{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; -moz-transform: scale(0.9999); // Smooth the caret on firefox}// ------------------------------------------------------------------ // Position absolute // ------------------------------------------------------------------ @mixin o-position-absolute($top: auto, $right: auto, $bottom: auto, $left: auto){position: absolute; top: $top; left: $left; bottom: $bottom; right: $right;}// ------------------------------------------------------------------ // Position sticky // ------------------------------------------------------------------ @mixin o-position-sticky($top: auto, $right: auto, $bottom: auto, $left: auto){position: -webkit-sticky; position: sticky; top: $top; left: $left; bottom: $bottom; right: $right;}// ------------------------------------------------------------------ // Text overflow // ------------------------------------------------------------------ @mixin o-text-overflow($display: inline-block, $max-width: 100%){display: $display; max-width: $max-width; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; // To update display context changed by overflow:hidden}// ------------------------------------------------------------------ // Hovering effects // ------------------------------------------------------------------ @mixin o-hover-opacity($default-opacity: 0.5, $hover-opacity: 1){opacity: $default-opacity; &:hover, &:focus, &.focus{opacity: $hover-opacity;}}//------------------------------------------------------------------------------ // Colors //------------------------------------------------------------------------------ @function luma($color){@return ((red($color) * .299) + (green($color) * .587) + (blue($color) * .114)) / 255 * 100%;}// // Given two colors, returns the one which has the most constrast with another // given color. Careful: if you want to find the text color which will suit the // most on a given background color, you should use the 'color-yiq' function. // @function o-get-most-contrast($color, $c1, $c2, $background: #FFFFFF, $threshold: false, $cross-mix: true){$background: if($background == null, #FFFFFF, $background); $real-color: mix(rgba($color, 1.0), $background, percentage(alpha($color))); $luma: luma($real-color); $cross-color: if($cross-mix, $real-color, $background); $real-c1: mix(rgba($c1, 1.0), $cross-color, percentage(alpha($c1))); $luma-c1: luma($real-c1); $real-c2: mix(rgba($c2, 1.0), $cross-color, percentage(alpha($c2))); $luma-c2: luma($real-c2); $-dark: if($luma-c1 <= $luma-c2, $c1, $c2); $-light: if($luma-c1 > $luma-c2, $c1, $c2); @if $threshold == false{// Automatic threshold: give a really small preference to light results // as bootstrap does by default (mainly by compatibility at the moment // this code is written) $threshold: ($luma-c1 + $luma-c2) * 0.515; // 150 / 145.63 * 0.5 would be the BS value}@return if($luma > $threshold, $-dark, $-light);}// Extend placeholder which adds a chess-like background below the color and // image of an element to preview the transparency of that color and image. // This is done thanks to both ::before and ::after elements so they must both // be available. %o-preview-alpha-background{position: relative; z-index: 0; &::before{content: ""; @include o-position-absolute(0, 0, 0, 0); z-index: -1; background-image: url('/web/static/img/transparent.png'); background-size: 10px auto; border-radius: inherit;}&::after{content: ""; @include o-position-absolute(0, 0, 0, 0); z-index: -1; background: inherit; // Inherit all background properties border-radius: inherit;}}// ------------------------------------------------------------------ // Padding // ------------------------------------------------------------------ @mixin o-webclient-padding($top: 0px, $right: $o-horizontal-padding, $bottom: 0px, $left: $o-horizontal-padding){padding-top: $top; padding-right: $right; padding-bottom: $bottom; padding-left: $left;}// ------------------------------------------------------------------ // Caret // ------------------------------------------------------------------ @mixin o-caret-down($caret-width: $caret-width, $caret-color: var(--o-input-border-color, currentColor)){@include utils-caret-boilerplate; border-bottom: 0; border-left: $caret-width solid transparent; border-right: $caret-width solid transparent; border-top: $caret-width solid $caret-color;}@mixin o-caret-up($caret-width: $caret-width, $caret-color: var(--o-input-border-color, currentColor)){@include utils-caret-boilerplate; border-bottom: $caret-width solid $caret-color; border-left: $caret-width solid transparent; border-right: $caret-width solid transparent; border-top: 0;}@mixin o-caret-left($caret-width: $caret-width, $caret-color: var(--o-input-border-color, currentColor)){@include utils-caret-boilerplate; border-bottom: $caret-width solid transparent; border-left: 0; border-right: $caret-width solid $caret-color; border-top: $caret-width solid transparent;}@mixin o-caret-right($caret-width: $caret-width, $caret-color: var(--o-input-border-color, currentColor)){@include utils-caret-boilerplate; border-bottom: $caret-width solid transparent; border-left: $caret-width solid $caret-color; border-right: 0; border-top: $caret-width solid transparent;}//------------------------------------------------------------------- // Cursor //------------------------------------------------------------------- @mixin o-grab-cursor(){// Use a custom cursor for the open hand icon as "grab" is not properly // working on Chrome Linux (at least) cursor: url(/web/static/src/img/openhand.cur), grab;}// ------------------------------------------------------------------ // Hovering effects // ------------------------------------------------------------------ @mixin o-hover-text-color($default-color: $body-color, $hover-color: $link-color){color: $default-color; &:hover, &:focus, &.focus{color: $hover-color;}}// ------------------------------------------------------------------ // Mixin to define variations for btn-links and muted btn-links // ------------------------------------------------------------------ @mixin o-btn-link-variant($color, $color-active){text-transform: none; @include o-hover-text-color($default-color: $color, $hover-color: $color-active); &, &:hover, &:focus, &:active, &.active{border-color: transparent; background-color: transparent;}&.text-muted, .text-muted{@include o-hover-opacity; @include o-hover-text-color($default-color: $text-muted, $hover-color: $color-active);}}// Odoo defines a limited Noto font-family for a small variety of unicode // characters that are not necessary defined in the user system or even defined // but not properly readable. This function allows to add this font family in a // given font list. // // @param{list}$font - a list of font names ending with the generic one. // @param{integer}[$index] - the position where to add the support font, if // not given, it will be placed before the generic one. @function o-add-unicode-support-font($font, $index: false){@if $index == false{$index: length($font);}$-with-support-font: (); @for $i from 1 through length($font){@if $i == $index{$-with-support-font: append($-with-support-font, 'Odoo Unicode Support Noto', $separator: comma);}$-with-support-font: append($-with-support-font, nth($font, $i), $separator: comma);}@return $-with-support-font;}// Function to remove all null values of a map @function o-map-omit($map){$-map: (); @each $key, $value in $map{@if $value != null{$-map: map-merge($-map, ( $key: $value, ));}}@return $-map;}// Function to swap two values in a list @function o-swap($list, $i, $j){$tmp: nth($list, $i); $list: set-nth($list, $i, nth($list, $j)); @return set-nth($list, $j, $tmp);}// Function to get an element of a list with a default value in case the index // is out-of-bounds; also return that value if the retrieved value is null. @function o-safe-nth($list, $index, $default: null){$value: if($index > 0 and $index <= length($list), nth($list, $index), null); @return if($value != null, $value, $default);}// Function to get an element of a map with a default value in case the key // does not exist; also return that value if the retrieved value is null. @function o-safe-get($map, $key, $default: null){$value: map-get($map, $key); @return if($value != null, $value, $default);}// ------- Kanban grouped mixins ------- @mixin o-kanban-icon($base-opacity: 0.5){display: block; text-align: center; color: $o-main-text-color; font-size: $font-size-sm; cursor: pointer; @include o-hover-opacity($base-opacity);}@mixin o-kanban-tag-color{@for $size from 1 through length($o-colors){// Note: the first color is supposed to be invisible if there is a color // field but it is used as a default color when there is no color field &.o_tag_color_#{$size - 1}span{background-color: nth($o-colors, $size);}}}@mixin o-kanban-record-color{@for $size from 2 through length($o-colors){// Note: the first color is not defined as it is the 'no color' for kanban .oe_kanban_color_#{$size - 1}{border-left-color: nth($o-colors, $size); &:after{background-color: nth($o-colors, $size); outline: 1px solid nth($o-colors, $size);}}}}@mixin o-kanban-slim-col{position: relative; flex: 0 0 auto; margin: 0; padding: 0 floor($o-kanban-group-padding * 0.7); cursor: pointer;}@mixin o-kanban-header-title{display: flex; align-items: center; height: $o-kanban-header-title-height; line-height: 2.2; color: $headings-color;}@mixin o-kanban-v-title{@include o-position-absolute($o-kanban-inside-vgutter * 2, $left: floor(-$o-kanban-inside-vgutter * 1.2)); transform-origin: left bottom 0; transform: rotate(90deg); overflow: visible; white-space: nowrap; font-size: 15px;}// ------- Kanban records mixins ------- @mixin o-kanban-record-title($font-size){color: $headings-color; font-size: $font-size; font-weight: 500; margin-bottom: 0; margin-top: 0;}@mixin o-kanban-dropdown($padding-base: $o-kanban-inside-vgutter){margin: -1px -1px 1px; padding: $padding-base/2 $padding-base; border: 1px solid transparent; border-bottom: none; vertical-align: top; @include o-hover-text-color($body-color, $headings-color); &:focus, &:active, &:focus:active{outline: none; box-shadow: none;}}@mixin o-kanban-dropdown-open{position: relative; background: white; border-color: $border-color; z-index: $zindex-dropdown + 1;}@mixin o-kanban-dropdown-menu{@include o-position-absolute($right: -1px); margin-top: -2px; border-color: $border-color; border-top-right-radius: 0;}@mixin o-kanban-colorpicker{max-width: 150px; padding: 3px ($o-dropdown-hpadding - $o-kanban-inner-hmargin) 3px $o-dropdown-hpadding; > li{display: inline-block; margin: $o-kanban-inner-hmargin $o-kanban-inner-hmargin 0 0; border: 1px solid white; box-shadow: 0 0 0 1px gray('300'); > a{display: block; &::after{content: ""; display: block; width: 20px; height: 15px;}}// No Color &:first-child > a{position: relative; &::before{content: ""; @include o-position-absolute(-2px, $left: 10px); display: block; width: 1px; height: 20px; transform: rotate(45deg); background-color: red;}&::after{background-color: white;}}}}// Emulate dropdown links @mixin o-kanban-dashboard-dropdown-link($link-padding-gap: $o-dropdown-hpadding){padding: 0; > a{margin: auto auto auto (-$link-padding-gap); padding: 3px $link-padding-gap; color: $dropdown-link-color; display: block; &:hover{background-color: $dropdown-link-hover-bg; color: $dropdown-link-hover-color;}}&:last-child{margin-bottom: 5px;}}// No content helper @mixin o-nocontent-empty{pointer-events: auto; max-width: 650px; margin: auto; padding: 15px; z-index: 1000; text-align: center; color: $o-tooltip-text-color; font-size: 115%; > p:first-of-type{margin-top: 0; color: $o-tooltip-title-text-color; font-weight: bold; font-size: 125%;}a{cursor: pointer;}}%o-nocontent-init-image{content: ""; display: block; margin: auto; background-size: cover;}%o-nocontent-empty-document{@extend %o-nocontent-init-image; @include size(120px, 80px); margin-top: 30px; margin-bottom: 30px; background: transparent url(/web/static/img/empty_folder.svg) no-repeat center;}// ---------------------------------------------------------------------------- // CSS Variables // ---------------------------------------------------------------------------- // Print a document property the right way (depending on the type of the // printed variable). @mixin print-variable($key, $value){@if $value != null{$-type: type-of($value); @if $-type == 'string'{--#{$key}: '#{$value}';}@else if $-type == 'list'{--#{$key}: #{inspect($value)};}@else{--#{$key}: #{$value};}}}

/* /web_enterprise/static/src/legacy/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups the variables that style odoo components. /// They are available in every asset bundle. /// // Font sizes $o-font-size-base-touch: 15px; // Colors $o-gray-100: #f6f7fa; $o-gray-200: #E0E2E6; $o-gray-300: #C9CCD2; $o-gray-400: #9DA1AA; $o-gray-500: #80848F; $o-gray-600: #626774; $o-gray-700: #444B5A; $o-gray-800: #272E3F; $o-gray-900: #091124; $o-enterprise-color: #714B67; $o-enterprise-primary-color: #017e84; $o-brand-odoo: $o-enterprise-color; $o-brand-primary: $o-enterprise-primary-color; $o-brand-secondary: #8f8f8f; $o-brand-lightsecondary: $o-gray-100; $o-list-group-header-color: $o-gray-900; $o-list-footer-color: $o-gray-900; $o-list-footer-bg-color: white; $o-list-footer-font-weight: 500; $o-btn-secondary-bg: white; $o-btn-secondary-hover-bg: $o-gray-100; $o-btn-secondary-hover-border: $o-gray-200; $o-dropdown-box-shadow: 0 12px 14px -10px rgba(black, 0.25); $o-border-radius: .25rem; $o-border-radius-lg: .3rem; $o-border-radius-sm: .2rem; // o-inputs $o-input-padding-y: 1px; $o-input-padding-x: 0; $o-input-border-required: $o-gray-900; // Home menu $o-home-menu-container-size: 850px; $o-home-menu-app-icon-max-width: 70px; // Kanban $o-kanban-header-title-height: 50px; // snackbar $o-snackbar-background-color: #FFF; $o-snackbar-color: $o-gray-700; $o-snackbar-height: $o-kanban-header-title-height; $o-snackbar-left: 15px; $o-snackbar-right: $o-snackbar-left; $o-snackbar-bottom: 20px; $o-snackbar-inner-padding: 16px; // touch $o-touch-btn-padding: 7px 14px; 

/* /web/static/src/legacy/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups the variables that style odoo components. /// They are available in every asset bundle. /// // Font sizes $o-root-font-size: 12px !default; $o-font-size-base: 13rem * (1px / $o-root-font-size) !default; $o-line-height-base: 1.5 !default; // This is BS default // Colors $o-community-color: #71639e !default; $o-enterprise-color: #714B67 !default; $o-enterprise-primary-color: #017e84 !default; $o-brand-odoo: $o-community-color !default; $o-brand-primary: $o-community-color !default; $o-brand-secondary: #f0eeee !default; $o-brand-lightsecondary: #e2e2e0 !default; // This is BS default $o-gray-100: #f8f9fa !default; $o-gray-200: #e9ecef !default; $o-gray-300: #dee2e6 !default; $o-gray-400: #ced4da !default; $o-gray-500: #adb5bd !default; $o-gray-600: #6c757d !default; $o-gray-700: #495057 !default; $o-gray-800: #343a40 !default; $o-gray-900: #212529 !default; $o-success: #28a745 !default; $o-info: #17a2b8 !default; $o-warning: #ffac00 !default; $o-danger: #dc3545 !default; // Fine-tune contextual text colors. $o-theme-text-colors: ( "success": #008818, "info": #0180a5, "warning": #9a6b01, "danger": #d23f3a, )!default; $o-main-text-color: $o-gray-700 !default; $o-main-color-muted: rgba($o-main-text-color, .76) !default; $o-main-headings-color: $o-gray-900 !default; $o-main-link-color: darken($o-brand-primary, 5%) !default; $o-main-favorite-color: #f3cc00 !default; $o-main-code-color: #d2317b !default; $o-view-background-color: white !default; $o-shadow-color: #303030 !default; $o-form-lightsecondary: #ccc !default; $o-list-footer-bg-color: #eee !default; $o-list-footer-font-weight: bold !default; $o-tooltip-background-color: white !default; $o-tooltip-color: #666666 !default; $o-tooltip-arrow-color: white !default; $o-tooltip-text-color: #777777 !default; $o-tooltip-title-text-color: black !default; $o-tooltip-title-background-color: #F7F7F7 !default; // Forms // o-inputs $o-input-padding-y: 2px !default; $o-input-padding-x: 4px !default; $o-input-border-required: $o-brand-primary !default; // Bootstrap clone, we just change the icon color $o-custom-checkbox-indicator-icon-checked-disabled: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$o-main-color-muted}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>") !default; // Layout // // Extension of BS4. This is not redefining the BS4 variable directly as we only // need the extra ones for media queries (not creating new breakpoint classes). // Note: default BS4 values are hardcoded here while it should be possible to // merge with the default BS variable (but we would have to take care of // ordering & cie). $o-extra-grid-breakpoints: ( xs: 0, vsm: 475px, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1534px, ) !default; $o-form-group-cols: 12 !default; $o-form-spacing-unit: 5px !default; $o-horizontal-padding: 16px !default; $o-innergroup-rpadding: 45px !default; $o-dropdown-hpadding: 20px !default; $o-dropdown-vpadding: 3px !default; $o-dropdown-box-shadow: 0 1rem 1.1rem rgba(#000, .1) !default; $o-sheet-vpadding: 24px !default; $o-statbutton-height: 44px !default; $o-statbutton-vpadding: 0px !default; $o-statbutton-spacing: 6px !default; $o-modal-lg: 980px !default; $o-modal-md: 650px !default; // Needed for having no spacing between sheet and mail body in mass_mailing: // Different required cancel paddings between web and web_enterprise $o-sheet-cancel-tpadding: 0px !default; $o-avatar-size: 90px !default; $o-statusbar-height: 33px !default; $o-label-font-size-factor: 0.8 !default; $o-navbar-height: 46px !default; $o-nb-calendar-colors: 24 !default; $o-base-settings-mobile-tabs-height: 40px !default; $o-base-settings-mobile-tabs-overflow-gap: 3% !default; $o-cp-breadcrumb-height: 30px !default; $o-datepicker-week-color: #8f8f8f !default; $o-card-body-bg-opacity: 0.9 !default; // Kanban $o-kanban-default-record-width: 300px !default; $o-kanban-small-record-width: 240px !default; $o-kanban-header-title-height: 50px !default; $o-kanban-image-width: 64px !default; $o-kanban-image-fill-width: 95px !default; $o-kanban-inside-vgutter: 8px !default; $o-kanban-inside-hgutter: 8px !default; $o-kanban-color-border-width: 2px !default; $o-kanban-inner-hmargin: 5px !default; $o-kanban-progressbar-height: 20px !default; $o-kanban-mobile-tabs-height: 40px !default; $o-kanban-mobile-empty-height: $o-kanban-image-width !default; // ------- Kanban dashboard variables ------- // Used to manage spacing in complex dropdown menu $o-kanban-dashboard-dropdown-complex-gap: 5px !default; // Form view $o-form-view-sheet-max-width: 1140px !default; 

/* /mail/static/src/scss/variables/primary_variables.scss defined in bundle 'web.assets_frontend' */
$o-mail-thread-avatar-size: 36px !default; $o-mail-thread-icon-opacity: 0.6 !default; $o-mail-thread-side-date-opacity: 0.6 !default; $o-mail-thread-window-bg: #FAFAFA !default; $o-mail-thread-window-width: 325px !default; $o-mail-chatter-gap: 10px !default; $o-mail-chatter-mobile-gap: 2% !default; $o-mail-chat-header-height: 46px !default; $o-mail-attachment-image-size: 100px !default; $o-mail-sidebar-icon-opacity: 0.7 !default; $o-mail-chat-sidebar-width: 250px !default; $o-mail-partner-avatar-size: 24px !default; // Needed because $border-radius variations are all set to 0 in enterprise. $o-mail-rounded-rectangle-border-radius-sm: .2rem !default; $o-mail-rounded-rectangle-border-radius-lg: 3 * $o-mail-rounded-rectangle-border-radius-sm !default; $o-mail-chat-window-header-height: 36px !default; $o-mail-chat-window-header-height-mobile: 46px !default; $o-mail-discuss-message-highlight-indicator-width: 4px !default; $o-mail-discuss-sidebar-active-indicator-margin-right: 10px !default; $o-mail-discuss-sidebar-active-indicator-width: 3px !default; $o-mail-discuss-sidebar-category-title-icon-size: 15px !default; $o-mail-discuss-sidebar-category-item-margin: 3px !default; $o-mail-discuss-sidebar-category-item-avatar-left-margin: $o-mail-discuss-sidebar-category-title-icon-size + $o-mail-discuss-sidebar-category-item-margin !default; $o-mail-discuss-sidebar-category-item-avatar-size: 30px !default; $o-mail-discuss-sidebar-scrollbar-width: 15px !default; $o-mail-message-sidebar-width: 50px; @mixin o-mail-systray-no-notification-style{opacity: 0.5;}

/* /web_editor/static/src/scss/web_editor.variables.scss defined in bundle 'web.assets_frontend' */
/// /// This files regroups the variables and mixins which are specific to the editor. /// //------------------------------------------------------------------------------ // Odoo Editor UI //------------------------------------------------------------------------------ $o-we-bg-darkest: #000000 !default; $o-we-bg-darker: #141217 !default; $o-we-bg-dark: #191922 !default; $o-we-bg-light: #2b2b33 !default; $o-we-bg-lighter: #3e3e46 !default; $o-we-bg-lightest: #595964 !default; $o-we-fg-darker: #9d9d9d !default; $o-we-fg-dark: #C6C6C6 !default; $o-we-fg-light: #D9D9D9 !default; $o-we-fg-lighter: #FFFFFF !default; $o-we-color-danger: #e6586c !default; $o-we-color-warning: #f0ad4e !default; $o-we-color-success: #40ad67 !default; $o-we-color-info: #6999a8 !default; $o-we-bg: $o-we-bg-light !default; $o-we-color: $o-we-fg-light !default; $o-we-font-size: 13px !default; $o-we-font-family: Roboto, 'Montserrat', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif !default; $o-we-accent: #01bad2 !default; $o-we-border-width: 1px !default; $o-we-border-color: $o-we-bg-light !default; $o-we-ace-color: #2F3129 !default; $o-we-handles-offset-to-hide: 10000px !default; $o-we-handles-btn-size: 20px !default; $o-we-handles-accent-color: $o-we-accent !default; $o-we-handles-accent-color-preview: $o-enterprise-color !default; $o-we-handle-edge-size: 8px !default; $o-we-handle-border-width: 2px !default; $o-we-dropzone-size: 30px !default; // $grid-gutter-width (todo: allow to use the variable) $o-we-dropzone-border-width: 2px !default; $o-we-dropzone-border: $o-we-dropzone-border-width dashed $o-brand-odoo !default; // Translations $o-we-content-to-translate-color: rgb(255, 255, 90) !default; $o-we-translated-content-color: rgb(120, 215, 110) !default; $o-we-toolbar-height: 40px !default; $o-we-item-spacing: 8px !default; $o-we-item-border-width: 1px !default; $o-we-item-border-color: $o-we-bg-darkest !default; $o-we-item-border-radius: 2px !default; $o-we-item-clickable-bg: $o-we-bg-lightest!default; $o-we-item-clickable-color: $o-we-fg-light!default; $o-we-item-clickable-hover-bg: $o-we-bg-dark!default; $o-we-item-pressed-bg: $o-we-bg-light !default; $o-we-item-pressed-color: $o-we-fg-lighter !default; $o-we-item-standup-color-light: $o-we-fg-lighter; $o-we-item-standup-color-dark: $o-we-bg-darkest; $o-we-item-standup-top: inset 0 1px 0; $o-we-item-standup-bottom: inset 0 -1px 0; $o-we-dropdown-spacing: $o-we-item-spacing !default; $o-we-dropdown-bg: $o-we-bg-darker !default; $o-we-dropdown-border-width: 1px !default; $o-we-dropdown-border-color: $o-we-bg-darkest !default; $o-we-dropdown-shadow: 0 2px 8px 0 rgba(black, 0.5) !default; $o-we-dropdown-item-height: 34px !default; $o-we-dropdown-item-spacing: 1px !default; $o-we-dropdown-item-bg: $o-we-bg-lightest !default; $o-we-dropdown-item-bg-hover: $o-we-bg-light !default; $o-we-dropdown-item-color: $o-we-fg-dark !default; $o-we-dropdown-item-hover-color: $o-we-fg-light !default; $o-we-dropdown-item-active-bg: mix($o-we-dropdown-item-bg, $o-we-dropdown-item-bg-hover) !default; $o-we-dropdown-item-active-color: $o-we-fg-lighter !default; $o-we-dropdown-caret-spacing: 2px !default; $o-we-sidebar-bg: $o-we-bg !default; $o-we-sidebar-color: $o-we-color !default; $o-we-sidebar-font-size: 12px !default; $o-we-sidebar-border-width: $o-we-border-width !default; $o-we-sidebar-border-color: $o-we-border-color !default; $o-we-sidebar-width: $o-we-sidebar-border-width + 290px !default; $o-we-sidebar-top-height: 46px !default; $o-we-sidebar-tabs-size-ratio: 1 !default; $o-we-sidebar-tabs-bg: $o-we-bg-darker !default; $o-we-sidebar-tabs-color: $o-we-sidebar-color !default; $o-we-sidebar-tabs-disabled-color: $o-we-fg-darker !default; $o-we-sidebar-tabs-active-border-width: 2px !default; $o-we-sidebar-tabs-active-border-color: $o-we-accent !default; $o-we-sidebar-tabs-active-color: $o-we-fg-lighter !default; $o-we-sidebar-blocks-content-bg: $o-we-bg-dark !default; $o-we-sidebar-blocks-content-spacing: 10px !default; $o-we-sidebar-blocks-content-snippet-spacing: 2px !default; $o-we-sidebar-blocks-content-snippet-bg: $o-we-bg-lighter !default; $o-we-sidebar-content-highlight-bar-width: 2px !default; $o-we-sidebar-content-highlight-bar-color: $o-we-accent !default; $o-we-sidebar-content-gutter-item-indent: 5px !default; $o-we-sidebar-content-padding-base: 10px !default; $o-we-sidebar-content-indent: $o-we-sidebar-content-gutter-item-indent + $o-we-sidebar-content-padding-base !default; $o-we-sidebar-content-backdrop-bg: rgba(black, 0.2) !default; $o-we-sidebar-content-available-room: $o-we-sidebar-width - $o-we-sidebar-content-padding-base - $o-we-sidebar-content-indent !default; $o-we-sidebar-content-main-title-height: 32px !default; $o-we-sidebar-content-main-title-color: $o-we-fg-lighter !default; $o-we-sidebar-content-main-title-font-size: 13px !default; $o-we-sidebar-content-block-spacing: 10px !default; $o-we-sidebar-content-fold-block-bg: $o-we-bg-light !default; $o-we-sidebar-content-field-spacing: $o-we-item-spacing !default; $o-we-sidebar-content-field-color: $o-we-fg-darker !default; $o-we-sidebar-content-field-control-item-color: $o-we-fg-darker !default; $o-we-sidebar-content-field-control-item-size: 1em !default; $o-we-sidebar-content-field-control-item-spacing: 0.5em !default; $o-we-sidebar-content-field-label-spacing: 6px !default; $o-we-sidebar-content-field-label-width: $o-we-sidebar-content-available-room * .4 !default; $o-we-sidebar-content-field-multi-spacing: $o-we-sidebar-content-field-label-spacing * .5 !default; $o-we-sidebar-content-field-height: 22px !default; $o-we-sidebar-content-field-border-width: $o-we-item-border-width !default; $o-we-sidebar-content-field-border-color:$o-we-item-border-color !default; $o-we-sidebar-content-field-border-radius: $o-we-item-border-radius !default; $o-we-sidebar-content-field-disabled-color: $o-we-sidebar-content-field-control-item-color !default; $o-we-sidebar-content-field-clickable-bg: $o-we-item-clickable-bg !default; $o-we-sidebar-content-field-clickable-color: $o-we-item-clickable-color !default; $o-we-sidebar-content-field-clickable-spacing: $o-we-sidebar-content-field-label-spacing !default; $o-we-sidebar-content-field-pressed-bg: $o-we-item-pressed-bg !default; $o-we-sidebar-content-field-pressed-color: $o-we-item-pressed-color !default; $o-we-sidebar-content-field-dropdown-spacing: $o-we-dropdown-spacing !default; $o-we-sidebar-content-field-dropdown-bg: $o-we-dropdown-bg !default; $o-we-sidebar-content-field-dropdown-border-width: $o-we-dropdown-border-width !default; $o-we-sidebar-content-field-dropdown-border-color: $o-we-dropdown-border-color !default; $o-we-sidebar-content-field-dropdown-shadow: $o-we-dropdown-shadow !default; $o-we-sidebar-content-field-dropdown-item-height: $o-we-dropdown-item-height !default; $o-we-sidebar-content-field-dropdown-item-spacing: $o-we-dropdown-item-spacing !default; $o-we-sidebar-content-field-dropdown-item-bg: $o-we-dropdown-item-bg !default; $o-we-sidebar-content-field-dropdown-item-bg-hover: $o-we-dropdown-item-bg-hover !default; $o-we-sidebar-content-field-dropdown-item-color: $o-we-dropdown-item-color !default; $o-we-sidebar-content-field-dropdown-item-hover-color: $o-we-dropdown-item-hover-color !default; $o-we-sidebar-content-field-dropdown-item-active-bg: $o-we-dropdown-item-active-bg !default; $o-we-sidebar-content-field-dropdown-item-active-color: $o-we-dropdown-item-active-color !default; $o-we-sidebar-content-field-dropdown-grid-item-height: 60px !default; $o-we-sidebar-content-field-dropdown-grid-item-width: 80px !default; $o-we-sidebar-content-field-colorpicker-size: 20px !default; $o-we-sidebar-content-field-colorpicker-size-large: 26px !default; $o-we-sidebar-content-field-colorpicker-shadow: inset 0 0 0 1px rgba(white, 0.5) !default; $o-we-sidebar-content-field-colorpicker-dropdown-bg: $o-we-bg-lighter !default; $o-we-sidebar-content-field-colorpicker-dropdown-color: $o-we-fg-light !default; $o-we-sidebar-content-field-colorpicker-dropdown-active-color: $o-we-fg-lighter !default; $o-we-sidebar-content-field-colorpicker-cc-width: 208px !default; $o-we-sidebar-content-field-colorpicker-cc-height: 26px !default; $o-we-sidebar-content-field-input-max-width: 60px !default; $o-we-sidebar-content-field-input-bg: $o-we-bg-light !default; $o-we-sidebar-content-field-input-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $o-we-sidebar-content-field-input-unit-font-size: 11px !default; $o-we-sidebar-content-field-input-border-color: $o-we-accent !default; $o-we-sidebar-content-field-button-group-button-spacing: $o-we-sidebar-content-field-clickable-spacing; $o-we-sidebar-content-field-progress-height: 4px !default; $o-we-sidebar-content-field-progress-control-height: 10px !default; $o-we-sidebar-content-field-progress-color: $o-we-fg-darker !default; $o-we-sidebar-content-field-progress-active-color: $o-we-accent !default; $o-we-sidebar-content-field-toggle-width: 20px !default; $o-we-sidebar-content-field-toggle-height: 12px !default; $o-we-sidebar-content-field-toggle-bg: $o-we-fg-darker !default; $o-we-sidebar-content-field-toggle-active-bg: $o-we-accent !default; $o-we-sidebar-content-field-toggle-control-width: 11px !default; $o-we-sidebar-content-field-toggle-control-height: $o-we-sidebar-content-field-toggle-height - 2px !default; $o-we-sidebar-content-field-toggle-control-bg: $o-we-fg-lighter !default; $o-we-sidebar-content-field-toggle-control-shadow: 0 2px 3px 0 $o-we-bg-darkest !default; $o-we-technical-modal-zindex: 2001; //------------------------------------------------------------------------------ // Preview component Mixins //------------------------------------------------------------------------------ @mixin o-we-preview-box($color-text: white){border-top: 1px solid black; border-bottom: 1px solid white; background-image: linear-gradient(-150deg, $o-we-bg-light, $o-we-bg-dark); color: $color-text;}@mixin o-we-preview-content{display: inline-block; max-width: 100%; overflow: hidden; box-shadow: 0 0 15px 2px #000;}//------------------------------------------------------------------------------ // Mixins to shield UI from themed bootstrap //------------------------------------------------------------------------------ @mixin o-w-preserve-base{font-size: $o-we-font-size; font-family: $o-we-font-family; line-height: 1.5; color: #33363e; .text-muted{color: #999999 !important;}}@mixin o-w-preserve-headings{h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: $o-we-font-family; line-height: 1.5; color: $o-we-bg-light; font-weight: bold;}h1, .h1{font-size: 2.4 * $o-we-font-size;}h2, .h2{font-size: 1.5 * $o-we-font-size;}h3, .h3{font-size: 1.3 * $o-we-font-size;}h4, .h4{font-size: 1.2 * $o-we-font-size;}h5, .h5{font-size: 1.1 * $o-we-font-size;}h6, .h6{font-size: $o-we-font-size;}}@mixin o-w-preserve-links{a:not(.o_btn_preview){color: $o-brand-primary; &:focus, &:active, &:focus:active{outline: none!important;}}.badge{&:hover a, a{color: #fff;}}}@mixin o-w-preserve-forms{:not(.input-group):not(.form-group):not(.input-group-append):not(.input-group-prepend) > .form-control{height: 34px;}.form-control{padding: 6px 12px; font-size: 14px; line-height: 1.5; border: 1px solid #d4d5d7; color: #555; background-color: #fff; border-radius: 0; &.is-invalid{border-color: $danger;}}.input-group .form-control{height: auto;}.input-group-text{background-color: #e9ecef;}.was-validated{.form-control:invalid{border-color: $danger;}}select.form-control{appearance: none; background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1 sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2 h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBpZD0nc3ZnXzEnIGQ9J203LjQwNiw3L jgyOGw0LjU5NCw0LjU5NGw0LjU5NCwtNC41OTRsMC40MDYsMS40MDZsLTUsNC43NjZsLTUsLTQu NzY2bDAuNDA2LC0xLjQwNnonIGZpbGw9JyM4ODgnLz48L3N2Zz4='); background-position: 100% 65%; background-repeat: no-repeat;}}@mixin o-w-preserve-modals{.modal-content{border-radius: 0; background-color: white; .modal-header{border-bottom-color: #e9ecef;}.modal-body{background-color: white;}.modal-footer{border-top-color: #e9ecef; text-align: left;}}.close{font-size: 1.5 * $o-we-font-size;}}@mixin o-w-preserve-tabs{.nav-tabs{border-bottom: 1px solid #e9ecef; > li{> a{line-height: 1.5; color: #4e525b; &:hover{border-color: #dee2e6;}&.active{&, &:hover, &:focus{color: #3D4047; background-color: white; border-color: #dee2e6 #dee2e6 #FFFFFF;}}}}}}@mixin o-w-preserve-btn{.btn:not(.o_btn_preview){border-radius: 0; font-weight: normal; text-transform: none; @include button-size(.375rem, .75rem, 0.875rem, 1.5, 0); &.btn-primary{@include button-variant($o-brand-primary, $o-brand-primary); color: white;}&.btn-secondary{@include button-variant(white, white); color: $o-brand-primary;}&.btn-link{@include button-variant(white, white); color: $o-brand-primary;}&.btn-success{@include button-variant($o-we-color-success, $o-we-color-success); color: white;}&.btn-info{@include button-variant($o-we-color-info, $o-we-color-info); color: white;}&.btn-warning{@include button-variant($o-we-color-warning, $o-we-color-warning); color: #33363e;}&.btn-danger{@include button-variant($o-we-color-danger, $o-we-color-danger); color: #33363e;}}}@mixin o-w-preserve-cards{.card{padding: 19px; margin-bottom: 20px; background-color: white; border: 1px solid darken(white, 5%); border-radius: 0; box-shadow: none;}}@mixin o-w-preserve-dropdown-menus{.dropdown-menu{background-color: white;}.dropdown-item{color: #212529; @include hover-focus{color: darken(#212529, 5%);}&.active, &:active{color: white; @include gradient-bg($o-brand-primary);}}}// ------------------------------------------------------------------ // Selection wrapper // ------------------------------------------------------------------ @mixin o-we-active-wrapper($icon: '\f00c', $top: auto, $right: auto, $bottom: auto, $left: auto){box-shadow: 0 0 0 3px $o-brand-primary; &:not(.fa){border: 3px solid $o-brand-primary; box-shadow: none; &:before{content: $icon; @include o-position-absolute($top, $right, $bottom, $left); width: 19px; height: 19px; background-color: $o-brand-primary; font-family: 'FontAwesome'; color: white; border-radius: 50%; text-align: center; z-index: 1; box-shadow: $box-shadow;}}}//------------------------------------------------------------------------------ // Edited content //------------------------------------------------------------------------------ $o-support-13-0-color-system: false !default; $o-checklist-margin-left: 20px; $o-checklist-checkmark-width: 2px; $o-checklist-before-size: 13px; // Edition colors // Note: the "base" palettes contain all possible keys a palette should or // must contain, with a default value which should work in use cases where it // will be used. Any palette defined by an app will be merged with the base // palette once selected to ensure it works. // Colors $o-base-color-palette: ( 'o-color-1': transparent, 'o-color-2': transparent, 'o-color-3': transparent, 'o-color-4': transparent, 'o-color-5': transparent, ) !default; $o-color-palettes: ( 'base-1': ( 'o-color-1': scale-color($o-enterprise-primary-color, $saturation: -50%, $lightness: 20%), 'o-color-2': scale-color($o-enterprise-color, $saturation: -50%), 'o-color-3': #F6F6F6, 'o-color-4': #FFFFFF, 'o-color-5': #383E45, ), 'base-2': ( 'o-color-1': #337ab7, 'o-color-2': #e9ecef, 'o-color-3': #F8F9FA, 'o-color-4': #FFFFFF, 'o-color-5': #343a40, ), ) !default; $o-color-palette-name: 'base-1' !default; // Theme colors $o-base-theme-color-palette: () !default; $o-theme-color-palettes: ( // alpha -> epsilon are old color names kept for compatibility. // They should not be used in the code base anymore and ideally they will // not generate any classes for >= 13.4 databases. 'base-1': ( 'alpha': $o-enterprise-primary-color, 'beta': $o-enterprise-color, 'gamma': #5C5B80, 'delta': #5B899E, 'epsilon': #E46F78, ), ) !default; $o-theme-color-palette-name: 'base-1' !default; // Greyscale transparent colours // Note: BS values are forced by default in every palette as the values can // be used in bootstrap_overridden.scss files through the o-color function. // Also, all of the gray colors generates bg- classes in Odoo so black and white // are added for the same reason. $o-base-gray-color-palette: ( 'white': #FFFFFF, '100': #F8F9FA, '200': #E9ECEF, '300': #DEE2E6, '400': #CED4DA, '500': #ADB5BD, '600': #6C757D, '700': #495057, '800': #343A40, '900': #212529, 'black': #000000, ) !default; $o-transparent-grays: ( 'black-15': rgba(black, 0.15), 'black-25': rgba(black, 0.25), 'black-50': rgba(black, 0.5), 'black-75': rgba(black, 0.75), 'white-25': rgba(white, 0.25), 'white-50': rgba(white, 0.5), 'white-75': rgba(white, 0.75), 'white-85': rgba(white, 0.85), ) !default; $o-gray-color-palettes: () !default; $o-gray-color-palette-name: '' !default; // Color combinations $o-base-color-combination: ( 'bg': 'white', 'text': null, // Default to better contrast with the 'bg' 'headings': null, // Default to 'text' 'h2': null, // Default to 'h(x-1)' 'h3': null, 'h4': null, 'h5': null, 'h6': null, 'link': null, // Default to BS 'primary' (= first odoo color) 'btn-primary': null, // Default to BS 'primary' (= first odoo color) 'btn-primary-border': null, // Default to 'btn-primary' 'btn-secondary': null, // Default to BS 'secondary' (= second odoo color) 'btn-secondary-border': null, // Default to 'btn-secondary' ); $o-color-combinations-presets: ( ( ( 'bg': 'o-color-4', ), ( 'bg': 'o-color-3', 'headings': 'o-color-1', ), ( 'bg': 'o-color-2', 'btn-secondary': 'o-color-3', ), ( 'bg': 'o-color-1', 'link': 'o-color-5', 'btn-primary': 'o-color-5', 'btn-secondary': 'o-color-3', ), ( 'bg': 'o-color-5', 'headings': 'o-color-4', 'btn-secondary': 'o-color-3', ), ), ) !default; $o-color-combinations-preset-number: 1; // We allow snippets to be colored and elements like card and columns to be // colored as well. We need components targeted by those colored classes to // use the deepest coloring element config. We only allow here for this to // work for one level of nesting. Note: snippets which can contain other // snippets will have problem because of this; this is a limitation of the // system until a better solution is found. $o-color-extras-nesting-selector: '&, .o_colored_level &'; // Apply colors according to the given identifier. Can either be a preset // number, a color name or a css color. @mixin o-apply-colors($identifier, $with-extras: true, $background: $body-bg){$-related-color: o-related-color($identifier, $max-recursions: 10); @if type-of($-related-color) == 'number'{// This is a preset to be applied, just extend it. This should probably // be avoided and use the class in XML if possible. @extend .o_cc; @extend .o_cc#{$-related-color};}@else{@include o-bg-color(o-color($-related-color), $with-extras: $with-extras, $background: $background, $important: false);}}// Function which returns if a color has contrast enough in comparaison to // another given color. @function has-enough-contrast($color1, $color2, $threshold: 500){$r: (max(red($color1), red($color2))) - (min(red($color1), red($color2))); $g: (max(green($color1), green($color2))) - (min(green($color1), green($color2))); $b: (max(blue($color1), blue($color2))) - (min(blue($color1), blue($color2))); $sum-rgb: $r + $g + $b; @return ($sum-rgb >= $threshold);}// Function which transforms a color to increase its contrast in comparison to // another given color. @function increase-contrast($color1, $color2){@if not $color1 or not $color2{@return null;}$luma-c1: luma($color1); $luma-c2: luma($color2); $lightness-c1: lightness($color1); $lightness-inc: if($luma-c1 < $luma-c2, -1%, 1%); $i: 0; // Max 15% lightness change even if not contrasted enough @while ($lightness-c1 > 0.1% and $lightness-c1 < 99.9% and $i < 15 and not has-enough-contrast($color1, $color2)){$color1: adjust-color($color1, $lightness: $lightness-inc); $lightness-c1: $lightness-c1 + $lightness-inc; $i: $i + 1;}@return $color1;}// Given a primary color (and eventually a secondary one), the function returns // a basic odoo palette in sass-map format. The palette will be generated using // the safest readability values possible. @function o-make-palette($-primary, $-secondary: null, $-overrides-map: null){$-o-color-2: $-secondary or increase-contrast(desaturate(mix(complement($-primary), #FFFFFF, 80%), 20%), $-primary); $-palette: ( 'o-color-1': $-primary, 'o-color-2': $-o-color-2, 'o-color-3': change-color(#F5F0F0, $hue: hue($-primary), $saturation: min(saturation($-primary), saturation(#F5F0F0))), 'o-color-4': #FFFFFF, 'o-color-5': change-color(#2e1414, $hue: hue($-primary), $saturation: min(saturation($-primary), saturation(#2e1414))), ); // Check if primary/dark contrast is enough. If not adapt cc4 & cc5 schemes accordingly @if not (has-enough-contrast(map-get($-palette, 'o-color-5'), map-get($-palette, 'o-color-1'), 300)){@each $-cc in (4, 5){$-palette: map-merge($-palette, ( 'o-cc#{$-cc}-btn-primary': 'o-color-4', 'o-cc#{$-cc}-btn-secondary': 'o-color-2', 'o-cc#{$-cc}-text': 'o-color-3', 'o-cc#{$-cc}-link': 'o-color-4' ));}}@if $-overrides-map{$-palette: map-merge($-palette, $-overrides-map);}@return $-palette;}// format: (module_name: (shape_filename: ('position': X, 'size': Y, 'colors': (1, [3], ...)), ...)) $o-bg-shapes: ('web_editor': ( 'Airy/01': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Airy/02': ('position': top, 'size': 100% auto, 'colors': (1)), 'Airy/03': ('position': top, 'size': 100% auto, 'colors': (5)), 'Airy/03_001': ('position': top, 'size': 100% auto, 'colors': (5)), 'Airy/04': ('position': center, 'size': 100% 100%, 'colors': (1)), 'Airy/04_001': ('position': center, 'size': 100% 100%, 'colors': (1)), 'Airy/05': ('position': center, 'size': 100% 100%, 'colors': (1)), 'Airy/05_001': ('position': center, 'size': 100% 100%, 'colors': (1)), 'Airy/06': ('position': bottom, 'size': 100% auto, 'colors': (2)), 'Airy/07': ('position': top, 'size': 100% auto, 'colors': (2)), 'Airy/08': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Airy/09': ('position': top, 'size': 100% auto, 'colors': (1)), 'Airy/10': ('position': bottom, 'size': 100% auto, 'colors': (5)), 'Airy/11': ('position': top, 'size': 100% auto, 'colors': (5)), 'Airy/12': ('position': top, 'size': 100% auto, 'colors': (1, 3)), 'Airy/12_001': ('position': top, 'size': 100% auto, 'colors': (1, 3)), 'Airy/13': ('position': bottom, 'size': 100% auto, 'colors': (1, 4)), 'Airy/13_001': ('position': bottom, 'size': 100% auto, 'colors': (1, 4)), 'Airy/14': ('position': bottom, 'size': 100% auto, 'colors': (1, 4)), 'Blobs/01': ('position': top, 'size': 100% auto, 'colors': (2)), 'Blobs/01_001': ('position': top, 'size': 100% auto, 'colors': (2)), 'Blobs/02': ('position': bottom, 'size': 100% auto, 'colors': (1, 2)), 'Blobs/03': ('position': top, 'size': 100% auto, 'colors': (2)), 'Blobs/04': ('position': center, 'size': 100% auto, 'colors': (5)), 'Blobs/05': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Blobs/06': ('position': top, 'size': 100% auto, 'colors': (1)), 'Blobs/07': ('position': top, 'size': 100% auto, 'colors': (5)), 'Blobs/08': ('position': right, 'size': 100% auto, 'colors': (1)), 'Blobs/09': ('position': bottom, 'size': 100% auto, 'colors': (3)), 'Blobs/10': ('position': top, 'size': 100% auto, 'colors': (1, 5)), 'Blobs/10_001': ('position': top, 'size': 100% auto, 'colors': (1)), 'Blobs/11': ('position': center, 'size': 100% auto, 'colors': (1)), 'Blobs/12': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Blocks/01': ('position': bottom, 'size': 100% auto, 'colors': (1, 3, 5)), 'Blocks/01_001': ('position': top, 'size': 100% auto, 'colors': (1, 3, 5)), 'Blocks/02': ('position': top, 'size': 100% auto, 'colors': (1, 3, 5)), 'Blocks/02_001': ('position': bottom, 'size': 100% auto, 'colors': (1, 3, 5)), 'Blocks/03': ('position': bottom, 'size': 100% auto, 'colors': (1, 4)), 'Blocks/04': ('position': bottom, 'size': 100% auto, 'colors': (1, 2, 3, 5)), 'Bold/01': ('position': top, 'size': 100% auto, 'colors': (2)), 'Bold/02': ('position': bottom, 'size': 100% auto, 'colors': (1, 2, 3)), 'Bold/03': ('position': bottom, 'size': 100% auto, 'colors': (1, 3, 5)), 'Bold/04': ('position': top, 'size': 100% auto, 'colors': (2, 3)), 'Bold/05': ('position': center, 'size': 100% auto, 'colors': (5)), 'Bold/05_001': ('position': center, 'size': 100% auto, 'colors': (3)), 'Bold/06': ('position': center, 'size': 100% auto, 'colors': (5)), 'Bold/06_001': ('position': center, 'size': 100% auto, 'colors': (3)), 'Bold/07': ('position': bottom, 'size': 100% auto, 'colors': (1, 2)), 'Bold/07_001': ('position': bottom, 'size': 100% auto, 'colors': (1, 2)), 'Bold/08': ('position': top, 'size': 100% auto, 'colors': (1)), 'Bold/09': ('position': bottom, 'size': 100% auto, 'colors': (2, 3)), 'Bold/10': ('position': top, 'size': 100% auto, 'colors': (1, 3, 4, 5)), 'Bold/10_001': ('position': top, 'size': 100% auto, 'colors': (1, 4, 5)), 'Bold/11': ('position': bottom, 'size': 100% auto, 'colors': (1, 2, 3)), 'Bold/11_001': ('position': bottom, 'size': 100% auto, 'colors': (1, 2)), 'Bold/12': ('position': center, 'size': 100% auto, 'colors': (1, 2, 5)), 'Bold/12_001': ('position': center, 'size': 100% auto, 'colors': (1, 2, 5)), 'Floats/01': ('position': center right, 'size': auto 100%, 'colors': (1, 2, 3, 4, 5)), 'Floats/02': ('position': center, 'size': 100%, 'colors': (1, 2, 3, 5)), 'Floats/03': ('position': center, 'size': 100%, 'colors': (1, 2, 3, 5)), 'Floats/04': ('position': center, 'size': 100%, 'colors': (1, 2, 4, 5)), 'Floats/05': ('position': center, 'size': 100%, 'colors': (1, 2, 3, 5)), 'Floats/06': ('position': center, 'size': auto 100%, 'colors': (1, 2, 3, 5)), 'Floats/07': ('position': right bottom, 'size': auto 100%, 'colors': (1, 2, 3, 5)), 'Floats/08': ('position': top left, 'size': auto 100%, 'colors': (1, 2, 3, 5)), 'Floats/09': ('position': center right, 'size': auto 100%, 'colors': (1, 2, 3)), 'Floats/10': ('position': center, 'size': 100% auto, 'colors': (1, 2, 3, 5)), 'Floats/11': ('position': center, 'size': 100% 100%, 'colors': (1, 3)), 'Floats/12': ('position': top, 'size': 100% auto, 'colors': (1, 2, 3, 5), 'repeat-y': true), 'Origins/01': ('position': bottom, 'size': 100% auto, 'colors': (2, 5)), 'Origins/02': ('position': bottom, 'size': 100% auto, 'colors': (3)), 'Origins/02_001': ('position': bottom, 'size': 100% auto, 'colors': (4, 5)), 'Origins/03': ('position': top, 'size': 100% auto, 'colors': (3)), 'Origins/04': ('position': bottom, 'size': 100% auto, 'colors': (3)), 'Origins/04_001': ('position': top, 'size': 100% 100%, 'colors': (3)), 'Origins/05': ('position': top, 'size': 100% auto, 'colors': (3)), 'Origins/06': ('position': center, 'size': 100% auto, 'colors': (3)), 'Origins/06_001': ('position': center, 'size': 100% auto, 'colors': (3, 4)), 'Origins/07': ('position': center, 'size': 100% 100%, 'colors': (3)), 'Origins/07_001': ('position': center, 'size': 100% 100%, 'colors': (3, 5)), 'Origins/07_002': ('position': center, 'size': 100% 100%, 'colors': (3, 4, 5)), 'Origins/08': ('position': bottom, 'size': 100% auto, 'colors': (3)), 'Origins/09': ('position': top, 'size': 100% auto, 'colors': (1, 5)), 'Origins/09_001': ('position': top, 'size': 100% auto, 'colors': (3)), 'Origins/10': ('position': bottom, 'size': 100% auto, 'colors': (2, 5)), 'Origins/11': ('position': top, 'size': 100% auto, 'colors': (3, 5)), 'Origins/11_001': ('position': top, 'size': 100% auto, 'colors': (3, 4)), 'Origins/12': ('position': top, 'size': 100% auto, 'colors': (3, 5)), 'Origins/13': ('position': center, 'size': 100% auto, 'colors': (3, 5)), 'Origins/14': ('position': bottom, 'size': 100% auto, 'colors': (4)), 'Origins/14_001': ('position': bottom, 'size': 100% auto, 'colors': (3, 4)), 'Origins/15': ('position': top, 'size': 100% auto, 'colors': (4)), 'Origins/16': ('position': center, 'size': 100% 100%, 'colors': (3)), 'Origins/17': ('position': center, 'size': 100% 100%, 'colors': (3)), 'Origins/18': ('position': center, 'size': 100% 100%, 'colors': (1)), 'Rainy/01': ('position': bottom, 'size': 100% auto, 'colors': (1, 5)), 'Rainy/01_001': ('position': bottom, 'size': 100% auto, 'colors': (1, 5)), 'Rainy/02': ('position': top, 'size': 100% auto, 'colors': (1, 4, 5)), 'Rainy/02_001': ('position': top, 'size': 100% auto, 'colors': (1, 4, 5)), 'Rainy/03': ('position': top, 'size': 100% auto, 'colors': (2, 4, 5), 'repeat-y': true), 'Rainy/03_001': ('position': top, 'size': 100% auto, 'colors': (2, 5), 'repeat-y': true), 'Rainy/04': ('position': top, 'size': 100% auto, 'colors': (1, 5)), 'Rainy/05': ('position': top, 'size': 100% auto, 'colors': (1, 5)), 'Rainy/05_001': ('position': top, 'size': 100% auto, 'colors': (1)), 'Rainy/06': ('position': bottom, 'size': 100% auto, 'colors': (1, 2, 3)), 'Rainy/07': ('position': top, 'size': 100% auto, 'colors': (1, 2, 3)), 'Rainy/08': ('position': top, 'size': 100% auto, 'colors': (1, 4)), 'Rainy/08_001': ('position': top, 'size': 100% auto, 'colors': (1, 4)), 'Rainy/09': ('position': top, 'size': 100% auto, 'colors': (1)), 'Rainy/09_001': ('position': top, 'size': 100% auto, 'colors': (1)), 'Rainy/10': ('position': center, 'size': 100% auto, 'colors': (1, 3)), 'Wavy/01': ('position': bottom, 'size': 100% auto, 'colors': (4)), 'Wavy/01_001': ('position': bottom, 'size': 100% auto, 'colors': (3)), 'Wavy/02': ('position': top, 'size': 100% auto, 'colors': (4)), 'Wavy/02_001': ('position': top, 'size': 100% auto, 'colors': (3)), 'Wavy/03': ('position': top, 'size': 100% auto, 'colors': (1, 2)), 'Wavy/04': ('position': bottom, 'size': 100% auto, 'colors': (1, 5)), 'Wavy/05': ('position': top, 'size': 100% auto, 'colors': (1, 5)), 'Wavy/06': ('position': top, 'size': 100% auto, 'colors': (1, 3, 4, 5)), 'Wavy/06_001': ('position': top, 'size': 100% auto, 'colors': (1, 3, 5)), 'Wavy/07': ('position': top, 'size': 100% auto, 'colors': (3)), 'Wavy/08': ('position': top, 'size': 100% auto, 'colors': (2)), 'Wavy/09': ('position': bottom, 'size': 100% auto, 'colors': (1, 5)), 'Wavy/10': ('position': center, 'size': 100% auto, 'colors': (1, 2)), 'Wavy/11': ('position': bottom, 'size': 100% auto, 'colors': (1, 4)), 'Wavy/12': ('position': top, 'size': 100% auto, 'colors': (1)), 'Wavy/12_001': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Wavy/13': ('position': bottom, 'size': 100% auto, 'colors': (4)), 'Wavy/13_001': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Wavy/14': ('position': bottom, 'size': 100% auto, 'colors': (1, 3)), 'Wavy/15': ('position': top, 'size': 100% auto, 'colors': (1)), 'Wavy/16': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Wavy/17': ('position': top, 'size': 100% auto, 'colors': (1)), 'Wavy/18': ('position': bottom, 'size': 100% auto, 'colors': (5)), 'Wavy/19': ('position': top, 'size': 100% auto, 'colors': (5)), 'Wavy/20': ('position': bottom, 'size': 100% auto, 'colors': (2)), 'Wavy/21': ('position': top, 'size': 100% auto, 'colors': (2)), 'Wavy/22': ('position': bottom, 'size': 100% auto, 'colors': (3)), 'Wavy/23': ('position': top, 'size': 100% auto, 'colors': (3)), 'Wavy/24': ('position': center, 'size': 100% auto, 'colors': (1, 2)), 'Wavy/25': ('position': top, 'size': 100% auto, 'colors': (1, 2)), 'Wavy/26': ('position': bottom right, 'size': auto 100%, 'colors': (1, 2)), 'Wavy/27': ('position': center, 'size': 100% auto, 'colors': (1, 2)), 'Wavy/28': ('position': center, 'size': 100% 100%, 'colors': (1, 3)), 'Zigs/01': ('position': bottom, 'size': 100% auto, 'colors': (2)), 'Zigs/01_001': ('position': bottom, 'size': 100% auto, 'colors': (2)), 'Zigs/02': ('position': bottom, 'size': 100% auto, 'colors': (2)), 'Zigs/02_001': ('position': bottom, 'size': 100% auto, 'colors': (2)), 'Zigs/03': ('position': top, 'size': 100% auto, 'colors': (1), 'repeat-y': true), 'Zigs/04': ('position': bottom, 'size': 100% auto, 'colors': (1)), 'Zigs/05': ('position': bottom, 'size': 100% auto, 'colors': (3)), 'Zigs/06': ('position': bottom, 'size': 30px 100%, 'colors': (4, 5), 'repeat-x': true), )); @function change-shape-colors-mapping($module, $shape-name, $mapping, $shapes: $o-bg-shapes){$-module-shapes: map-get($shapes, $module); $-modified-module-shapes: map-merge($-module-shapes, ( $shape-name: map-merge(map-get($-module-shapes, $shape-name), ('color-to-cc-bg-map': $mapping)), )); @return map-merge($shapes, ( $module: $-modified-module-shapes, ));}@function add-extra-shape-colors-mapping($module, $shape-name, $mapping-name, $mapping, $shapes: $o-bg-shapes){$-module-shapes: map-get($shapes, $module); $-shape-data: map-get($-module-shapes, $shape-name); $-extra-mappings: map-get($-shape-data, 'extra-mappings') or (); $-modified-module-shapes: map-merge($-module-shapes, ( $shape-name: map-merge($-shape-data, ('extra-mappings': map-merge($-extra-mappings, ($mapping-name: $mapping)))), )); @return map-merge($shapes, ( $module: $-modified-module-shapes, ));}@function add-header-shape-colors-mapping($module, $shape-name, $mapping, $shapes: $o-bg-shapes){@return add-extra-shape-colors-mapping($module, $shape-name, 'header', $mapping, $shapes);}@function add-footer-shape-colors-mapping($module, $shape-name, $mapping, $shapes: $o-bg-shapes){@return add-extra-shape-colors-mapping($module, $shape-name, 'footer', $mapping, $shapes);}@mixin o-input-number-no-arrows(){// Remove arrows/spinners from input type number // => Chrome, Safari, Edge, Opera input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}// => Firefox input[type=number]{-moz-appearance: textfield;}}; 

/* /portal/static/src/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */
$o-portal-default-body-bg: white; $o-theme-navbar-logo-height: null; $o-theme-btn-icon-hover-decoration: none; 

/* /account/static/src/scss/variables.scss defined in bundle 'web.assets_frontend' */
$o-account-action-col-width: 15px; $o-account-main-table-borders-padding: 3px; $o-account-light-border: 1px solid #bbb; $o-account-initial-line-background: #f0f0f0; $o-account-info-color: #44c; @keyframes animate-red{0%{color: red;}100%{color: inherit;}}.animate{animation: animate-red 1s ease;}

/* /website/static/src/scss/primary_variables.scss defined in bundle 'web.assets_frontend' */
 //------------------------------------------------------------------------------ // Colors //------------------------------------------------------------------------------ $o-base-color-palette: map-merge($o-base-color-palette, ( 'body': $o-portal-default-body-bg, 'menu': 1, // o_cc1 'menu-custom': null, 'menu-border-color': null, // Default to classes used on the template 'header-boxed': null, 'header-boxed-custom': '200', 'footer': 5, // o_cc5 'footer-custom': null, 'copyright': null, 'copyright-custom': null, )); // By default, all user color palette values are null. Each null value is // automatically replaced with corresponsing color of chosen color palette. $o-user-color-palette: () !default; // By default, all user gray color palette values are null. Each null value // is automatically replaced with corresponsing color of chosen gray color // palette. $o-user-gray-color-palette: () !default; // By default, all user theme color palette values are null. Each null value // is automatically replaced with corresponsing color of chosen theme color // palette. $o-user-theme-color-palette: () !default; $o-social-colors: ( 'facebook': #3B5999, 'twitter': #55ACEE, 'linkedin': #0077B5, 'google-plus': #DD4B39, 'youtube': #ff0000, 'github': #1a1e22, 'instagram': #cf2872, 'whatsapp': #25d366, 'pinterest': #C8232C, ); $o-theme-figcaption-opacity: 0.6; $o-color-palettes: map-merge($o-color-palettes, ( 'base-1': map-merge(map-get($o-color-palettes, 'base-1'), ( 'copyright-custom': 'black-15', )), 'base-2': map-merge(map-get($o-color-palettes, 'base-2'), ( 'menu': 2, 'footer': 2, 'copyright': 5, )), 'default-1': o-make-palette(#38383B, null, ( 'menu': 4, 'footer': 4, 'copyright-custom': 'black-15', )), 'default-2': o-make-palette(#0F5132, null, ( 'menu': 4, 'footer': 4, 'copyright-custom': 'black-15', )), 'default-3': o-make-palette(#6CB14F, #114B5F, ( 'menu': 3, 'footer': 3, 'copyright-custom': 'black-15', )), 'default-4': o-make-palette(#20C997, #426A5A, ( 'menu': 2, 'footer': 2, )), 'default-5': o-make-palette(#79DFC1, null, ( 'footer': 1, )), 'default-6': o-make-palette(#3DD5F3), 'default-7': o-make-palette(#6EA8FE, #474973), 'default-8': o-make-palette(#0AA2C0), 'default-9': o-make-palette(#0A58CA), 'default-10': o-make-palette(#6610F2, #C97064), 'default-11': o-make-palette(#6F42C1, #114B5F), 'default-12': o-make-palette(#A370F7, #504746), 'default-13': o-make-palette(#e36ff7, #233D4D), 'default-14': o-make-palette(#E56B6B, #4C5B5C), 'default-15': o-make-palette(#8B1E3F, #23395B), 'default-16': o-make-palette(#DE6528), 'default-17': o-make-palette(#E17726, #51344D), 'default-19': o-make-palette(#FAB803, #1A1423, ( 'menu': 3, 'footer': 3, 'copyright-custom': 'black-15', )), 'default-18': o-make-palette(#DFA400), 'default-20': o-make-palette(#B99253, #495867), 'generic-1': ( 'o-color-1': #984c46, 'o-color-2': #23323b, 'o-color-3': #eceae4, 'o-color-4': #FFFFFF, 'o-color-5': #16121f, 'menu': 3, 'footer': 3, 'copyright-custom': 'black-15', ), 'generic-2': ( 'o-color-1': #B99932, 'o-color-2': #DED1C1, 'o-color-3': #F5F5F5, 'o-color-4': #FFFFFF, 'o-color-5': #373737, 'menu': 5, 'copyright': 4, ), 'generic-3': ( 'o-color-1': #f8882f, 'o-color-2': #6a7c8f, 'o-color-3': #fdf8ef, 'o-color-4': #FFFFFF, 'o-color-5': #212c39, 'copyright-custom': 'black-15', ), 'generic-4': ( 'o-color-1': #6E7993, 'o-color-2': #96848C, 'o-color-3': #8F9AA2, 'o-color-4': #D5D5D5, 'o-color-5': #313347, 'menu': 5, 'copyright-custom': 'black-15', ), 'generic-5': ( 'o-color-1': #F7CF41, 'o-color-2': #1A2930, 'o-color-3': #989898, 'o-color-4': #FFFFFF, 'o-color-5': #0B1612, 'menu': 3, 'footer': 3, 'copyright-custom': 'black-15', ), 'generic-6': ( 'o-color-1': #45859A, 'o-color-2': #B57D4D, 'o-color-3': #F5F5F5, 'o-color-4': #FFFFFF, 'o-color-5': #10273C, 'menu': 2, 'footer': 2, 'copyright': 5, ), 'generic-7': ( 'o-color-1': #1a547a, 'o-color-2': #ddc76a, 'o-color-3': #D6E6F1, 'o-color-4': #FFFFFF, 'o-color-5': #2b3442, 'o-cc5-link': 'o-color-4', 'o-cc5-text': #9b9ba0, 'menu': 5, 'footer': 5, 'copyright': 3, ), 'generic-8': ( 'o-color-1': #763240, 'o-color-2': #C19F7F, 'o-color-3': #FFFFFF, 'o-color-4': #EAEAEA, 'o-color-5': #2F2F2F, 'o-cc4-headings': 'o-color-3', 'o-cc4-link': 'o-color-3', 'o-cc4-text': rgba(#fff, .8), 'o-cc5-headings': 'o-color-3', 'o-cc5-link': 'o-color-3', 'o-cc5-text': rgba(#fff, .8), 'footer': 1, 'copyright': 4, ), 'generic-9': ( 'o-color-1': #4DC5C1, 'o-color-2': #EC576B, 'o-color-3': #E5E337, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'menu': 5, 'copyright-custom': 'black-15', ), 'generic-10': ( 'o-color-1': #b56355, 'o-color-2': #6ba17a, 'o-color-3': #ebe6ea, 'o-color-4': #FFFFFF, 'o-color-5': #343733, 'footer': 2, 'copyright-custom': 'black-15', ), 'generic-11': ( 'o-color-1': #01ACAB, 'o-color-2': #FEDC3D, 'o-color-3': #FAE8E0, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'footer': 1, 'copyright-custom': 'black-15', ), 'generic-12': ( 'o-color-1': #926190, 'o-color-2': #F3E0CD, 'o-color-3': #F9EFE9, 'o-color-4': #FFFFFF, 'o-color-5': #291528, 'o-cc4-headings': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc4-text': rgba(#fff, .8), 'o-cc5-headings': 'o-color-4', 'o-cc5-link': 'o-color-4', 'o-cc5-text': rgba(#fff, .6), 'copyright-custom': 'black-15', ), 'generic-13': ( 'o-color-1': #478FA2, 'o-color-2': #CECECE, 'o-color-3': #E8E9E9, 'o-color-4': #FFFFFF, 'o-color-5': #173F54, 'footer': 1, 'copyright': 1, ), 'generic-14': ( 'o-color-1': #3CC37C, 'o-color-2': #E9C893, 'o-color-3': #F5F5F5, 'o-color-4': #FFFFFF, 'o-color-5': #1F3A2A, 'footer': 1, 'copyright': 5, ), 'generic-15': ( 'o-color-1': #01524B, 'o-color-2': #1993A3, 'o-color-3': #dddde6, 'o-color-4': #FFFFFF, 'o-color-5': #011D1B, 'o-cc4-btn-primary': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc4-text': rgba(#fff, .8), 'o-cc5-btn-primary': 'o-color-4', 'o-cc5-link': 'o-color-4', 'o-cc5-text': rgba(#fff, .6), 'footer': 2, 'copyright': 5, ), 'generic-16': ( 'o-color-1': #464D77, 'o-color-2': #36827f, 'o-color-3': #f2f0ec, 'o-color-4': #FFFFFF, 'o-color-5': #22263c, 'o-cc4-btn-primary': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc4-text': rgba(#fff, .8), 'o-cc5-btn-primary': 'o-color-4', 'o-cc5-btn-secondary': #d6d4d0, 'o-cc5-link': 'o-color-4', 'o-cc5-text': rgba(#fff, .6), 'menu': 2, 'footer': 2, 'copyright': 5, ), 'generic-17': ( 'o-color-1': #4717f6, 'o-color-2': #A43ACB, 'o-color-3': #FAFAFA, 'o-color-4': #FFFFFF, 'o-color-5': #0F0A19, 'menu': 5, 'footer': 5, 'copyright-custom': 'black-15', ), 'anelusia-1': ( 'o-color-1': #000000, 'o-color-2': #e4e4e4, 'o-color-3': #00459e, 'o-color-4': #ffffff, 'o-color-5': #444444, 'o-cc2-headings': 'o-color-4', 'o-cc2-link': 'o-color-4', 'o-cc2-btn-primary': 'o-color-4', 'o-cc4-headings': 'o-color-4', 'o-cc4-btn-primary': 'o-color-4', 'o-cc4-text': 'o-color-2', 'o-cc4-link': 'o-color-4', 'o-cc5-text': 'o-color-2', 'o-cc5-link': 'o-color-4', 'menu': 4, 'footer': 4, 'copyright': 4, ), 'anelusia-2': ( 'o-color-1': #d4ab0a, 'o-color-2': #444444, 'o-color-3': #ececec, 'o-color-4': #ffffff, 'o-color-5': #000000, 'menu': 4, 'footer': 1, 'copyright': 2, ), 'anelusia-3': ( 'o-color-1': #005699, 'o-color-2': #ac5e82, 'o-color-3': #d8eff1, 'o-color-4': #ffffff, 'o-color-5': #222222, 'o-cc5-link': #218bdf, 'o-cc5-btn-primary': #218bdf, 'copyright-custom': 'black-15', ), 'anelusia-4': ( 'o-color-1': #dc143c, 'o-color-2': #7e2839, 'o-color-3': #faf7e1, 'o-color-4': #ffffff, 'o-color-5': #222222, 'copyright-custom': 'black-15', ), 'anelusia-5': ( 'o-color-1': #32c0c9, 'o-color-2': #cfcfcf, 'o-color-3': #cee6e7, 'o-color-4': #ffffff, 'o-color-5': #2e2e2e, 'footer': 1, 'copyright-custom': 'black-15', ), 'anelusia-6': ( 'o-color-1': #e27b92, 'o-color-2': #e4e4e4, 'o-color-3': #465548, 'o-color-4': #ffffff, 'o-color-5': #222222, 'o-cc2-headings': 'o-color-4', 'o-cc5-text': 'o-color-2', 'menu': 2, 'footer': 2, 'copyright-custom': 'black-15', ), 'artists-1': ( 'o-color-1': #6930C3, 'o-color-2': #333038, 'o-color-3': #e5e5e5, 'o-color-4': #ffffff, 'o-color-5': #110d16, 'o-cc5-text': 'o-color-3', 'menu': 5, 'copyright-custom': 'black-15', ), 'artists-2': ( 'o-color-1': #1ad68f, 'o-color-2': #2e2e2e, 'o-color-3': #cfcfcf, 'o-color-4': #ffffff, 'o-color-5': #000000, 'menu': 2, 'copyright-custom': 'black-15', ), 'artists-3': ( 'o-color-1': #007882, 'o-color-2': #052286, 'o-color-3': #f9ede6, 'o-color-4': #ffffff, 'o-color-5': #33302e, 'o-cc5-link': #48d9e5, 'footer': 1, 'copyright': 1, ), 'artists-4': ( 'o-color-1': #0061df, 'o-color-2': #1b1b1b, 'o-color-3': #e8e6dc, 'o-color-4': #ffffff, 'o-color-5': #000000, 'menu': 2, 'footer': 2, 'copyright-custom': 'black-15', ), 'artists-5': ( 'o-color-1': #f48847, 'o-color-2': #282d30, 'o-color-3': #e9ceb0, 'o-color-4': #ffffff, 'o-color-5': #000000, 'footer': 3, 'copyright-custom': 'black-15', ), 'artists-6': ( 'o-color-1': #95d2e5, 'o-color-2': #454545, 'o-color-3': #f6f4f2, 'o-color-4': #ffffff, 'o-color-5': #000000, 'menu': 2, 'footer': 2, 'copyright-custom': 'black-15', ), 'avantgarde-1': ( 'o-color-1': #ee4980, 'o-color-2': #5f5458, 'o-color-3': #f7f7f7, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc1-headings': 'o-color-1', 'o-cc5-headings': 'o-color-1', 'body': 'o-color-3', 'footer': 1, 'copyright': 1, ), 'avantgarde-2': ( 'o-color-1': #38383b, 'o-color-2': #918f8b, 'o-color-3': #dfe0e1, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc4-headings': 'o-color-3', 'o-cc5-headings': 'o-color-2', 'o-cc4-btn-primary': 'o-color-3', 'o-cc5-btn-primary': 'o-color-2', 'menu': 4, 'footer': 4, 'copyright-custom': 'black-15', ), 'avantgarde-3': ( 'o-color-1': #f08e80, 'o-color-2': #0b0d63, 'o-color-3': #fdf0e6, 'o-color-4': #FFFFFF, 'o-color-5': #4e4d4d, 'o-cc2-headings': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc4-headings': 'o-color-5', 'o-cc5-headings': 'o-color-1', 'menu': 3, 'footer': 4, 'copyright': 4, ), 'avantgarde-4': ( 'o-color-1': #f78f4a, 'o-color-2': #94583a, 'o-color-3': #F7EFBA, 'o-color-4': #FFFFFF, 'o-color-5': #312b24, 'o-cc2-headings': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc4-headings': 'o-color-5', 'o-cc5-headings': 'o-color-1', 'o-cc2-btn-primary': 'o-color-2', 'o-cc3-btn-primary': 'o-color-3', 'footer': 1, 'copyright': 1, ), 'avantgarde-5': ( 'o-color-1': #AC578C, 'o-color-2': #69355D, 'o-color-3': #F7EFBA, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc2-headings': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc4-headings': 'o-color-5', 'o-cc5-headings': 'o-color-1', 'o-cc2-btn-primary': 'o-color-2', 'o-cc3-btn-primary': 'o-color-3', 'footer': 1, 'copyright': 1, ), 'avantgarde-6': ( 'o-color-1': #f3b65b, 'o-color-2': #3c4e3c, 'o-color-3': #e7d1b5, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc2-headings': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc5-headings': 'o-color-1', 'copyright-custom': 'black-15', ), 'avantgarde-7': ( 'o-color-1': #f48847, 'o-color-2': #282d30, 'o-color-3': #e9ceb0, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc2-headings': 'o-color-1', 'o-cc5-headings': 'o-color-1', 'copyright-custom': 'black-15', ), 'avantgarde-8': ( 'o-color-1': #278f84, 'o-color-2': #494048, 'o-color-3': #ebe1ea, 'o-color-4': #FFFFFF, 'o-color-5': #201c20, 'o-cc2-headings': 'o-color-1', 'o-cc5-headings': 'o-color-1', 'copyright-custom': 'black-15', ), 'beauty-1': ( 'o-color-1': #df699c, 'o-color-2': #590046, 'o-color-3': #dbe8ed, 'o-color-4': #ffffff, 'o-color-5': #222222, 'o-cc2-text': 'o-color-1', 'menu': 5, 'footer': 5, 'copyright': 5, ), 'beauty-2': ( 'o-color-1': #4fda89, 'o-color-2': #714e9c, 'o-color-3': #dadbdb, 'o-color-4': #ffffff, 'o-color-5': #242327, 'o-cc2-link': 'o-color-5', 'menu': 4, 'footer': 4, 'copyright': 2, ), 'beauty-3': ( 'o-color-1': #009083, 'o-color-2': #8ba1a0, 'o-color-3': #e9e9e9, 'o-color-4': #ffffff, 'o-color-5': #1e222f, 'footer': 2, 'copyright': 2, ), 'beauty-4': ( 'o-color-1': #b6977d, 'o-color-2': #585832, 'o-color-3': #e7e5e5, 'o-color-4': #ffffff, 'o-color-5': #000000, 'footer': 1, 'copyright': 1, ), 'beauty-5': ( 'o-color-1': #1ad68f, 'o-color-2': #2e2e2e, 'o-color-3': #e9e9e9, 'o-color-4': #ffffff, 'o-color-5': #000000, 'o-cc2-link': 'o-color-5', 'menu': 3, 'footer': 3, 'copyright': 3, ), 'beauty-6': ( 'o-color-1': #b3b862, 'o-color-2': #1e493b, 'o-color-3': #e3e7e9, 'o-color-4': #ffffff, 'o-color-5': #112625, 'o-cc2-link': 'o-color-5', 'copyright-custom': 'black-15', ), 'bewise-1': ( 'o-color-1': #162238, 'o-color-2': #b4904f, 'o-color-3': #f0f4f4, 'o-color-4': #ffffff, 'o-color-5': #222222, 'body': 'o-color-3', 'menu': 3, 'footer': 1, 'copyright': 1, ), 'bewise-2': ( 'o-color-1': #f74b94, 'o-color-2': #45AADA, 'o-color-3': #edf2f4, 'o-color-4': #ffffff, 'o-color-5': #333333, 'footer': 1, 'copyright': 1, ), 'bewise-3': ( 'o-color-1': #dbb132, 'o-color-2': #8578b9, 'o-color-3': #f4f4f4, 'o-color-4': #ffffff, 'o-color-5': #333333, 'footer': 1, 'copyright': 1, ), 'bistro-1': ( 'o-color-1': #68b581, 'o-color-2': #046380, 'o-color-3': #e8e6d1, 'o-color-4': #ffffff, 'o-color-5': #1d2127, 'o-cc1-text': 'o-color-5', 'menu': 1, 'footer': 5, 'copyright': 4, ), 'bistro-2': ( 'o-color-1': #8cc850, 'o-color-2': #cc4452, 'o-color-3': #f6f4e1, 'o-color-4': #ffffff, 'o-color-5': #4c4545, 'o-cc1-text': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-2', 'menu': 5, 'footer': 5, 'copyright': 4, ), 'bistro-3': ( 'o-color-1': #e2ad3b, 'o-color-2': #1a2a41, 'o-color-3': #f2ebd5, 'o-color-4': #ffffff, 'o-color-5': #d26400, 'o-cc1-text': 'o-color-2', 'o-cc2-headings': 'o-color-2', 'o-cc2-link': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc5-link': 'o-color-3', 'menu': 3, 'footer': 3, 'copyright': 4, ), 'bistro-4': ( 'o-color-1': #0092b2, 'o-color-2': #046380, 'o-color-3': #f2ebd5, 'o-color-4': #ffffff, 'o-color-5': #a8c545, 'o-cc1-text': #002737, 'o-cc2-headings': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc3-link': 'o-color-3', 'o-cc4-link': 'o-color-3', 'o-cc4-btn-primary': 'o-color-3', 'o-cc4-btn-secondary': 'o-color-2', 'o-cc5-link': 'o-color-2', 'o-cc5-btn-secondary': 'o-color-2', 'preheader': 4, 'menu': 1, 'footer': 3, 'copyright': 4, ), 'bistro-5': ( 'o-color-1': #dd7e43, 'o-color-2': #658791, 'o-color-3': #9cc264, 'o-color-4': #ffffff, 'o-color-5': #2b2d33, 'o-cc1-text': 'o-color-5', 'o-cc2-headings': 'o-color-4', 'o-cc2-btn-primary': 'o-color-4', 'o-cc2-link': 'o-color-4', 'o-cc3-btn-primary': 'o-color-4', 'o-cc3-btn-secondary': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc4-btn-primary': 'o-color-4', 'o-cc4-btn-secondary': 'o-color-5', 'o-cc4-link': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-2', 'o-cc5-link': 'o-color-1', 'preheader': 4, 'menu': 5, 'footer': 5, 'copyright': 4, ), 'bistro-6': ( 'o-color-1': #92b475, 'o-color-2': #8c7d77, 'o-color-3': #efefed, 'o-color-4': #ffffff, 'o-color-5': #011a33, 'o-cc1-text': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc3-btn-secondary': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc4-btn-secondary': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-4', 'menu': 2, 'footer': 5, 'copyright': 4, ), 'bookstore-1': ( 'o-color-1': #a1a52f, 'o-color-2': #66555c, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #242327, 'o-cc2-link': 'o-color-5', 'o-cc5-link': 'o-color-4', 'o-cc5-btn-primary': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-5', 'menu': 5, 'footer': 5, 'copyright': 5, ), 'bookstore-2': ( 'o-color-1': #679b96, 'o-color-2': #345552, 'o-color-3': #e9e9e9, 'o-color-4': #ffffff, 'o-color-5': #1e222f, 'o-cc2-link': 'o-color-5', 'o-cc2-headings': 'o-color-5', 'menu': 2, 'footer': 2, 'copyright': 2, ), 'bookstore-3': ( 'o-color-1': #df699c, 'o-color-2': #590046, 'o-color-3': #dbe8ed, 'o-color-4': #ffffff, 'o-color-5': #222222, 'o-cc2-link': 'o-color-5', 'o-cc2-headings': 'o-color-5', 'menu': 2, 'footer': 2, 'copyright': 2, ), 'bookstore-4': ( 'o-color-1': #b29964, 'o-color-2': #62624c, 'o-color-3': #f5f4f4, 'o-color-4': #ffffff, 'o-color-5': #333333, 'o-cc2-link': 'o-color-5', 'menu': 4, 'footer': 4, 'copyright': 4, ), 'bookstore-5': ( 'o-color-1': #1ad68f, 'o-color-2': #2e2e2e, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #000000, 'o-cc2-link': 'o-color-5', 'o-cc4-link': 'o-color-5', 'o-cc4-text': 'o-color-5', 'menu': 4, 'footer': 4, 'copyright': 4, ), 'bookstore-6': ( 'o-color-1': #cfd744, 'o-color-2': #3d504a, 'o-color-3': #f0f1f1, 'o-color-4': #ffffff, 'o-color-5': #112625, 'o-cc2-link': 'o-color-5', 'o-cc4-link': 'o-color-5', 'o-cc4-text': 'o-color-5', 'menu': 4, 'footer': 4, 'copyright': 4, ), 'clean-1': ( 'o-color-1': #3498db, 'o-color-2': #34495e, 'o-color-3': #e5edf2, 'o-color-4': #ffffff, 'o-color-5': #333333, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'clean-2': ( 'o-color-1': #7a58b2, 'o-color-2': #4e3575, 'o-color-3': #ecece4, 'o-color-4': #ffffff, 'o-color-5': #2c3e50, 'o-cc1-headings': 'o-color-5', 'o-cc5-link': #b9a1df, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'clean-3': ( 'o-color-1': #f85fa6, 'o-color-2': #a3416f, 'o-color-3': #e0e9f2, 'o-color-4': #ffffff, 'o-color-5': #222222, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'clean-4': ( 'o-color-1': #3d91db, 'o-color-2': #995528, 'o-color-3': #f0edeb, 'o-color-4': #ffffff, 'o-color-5': #222222, 'o-cc3-bg': #583e2d, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'clean-5': ( 'o-color-1': #53aeb4, 'o-color-2': #7f8c8d, 'o-color-3': #eef3f6, 'o-color-4': #ffffff, 'o-color-5': #34495e, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'cobalt-1': ( 'o-color-1': #116466, 'o-color-2': #2B3737, 'o-color-3': #F6F4F2, 'o-color-4': #ffffff, 'o-color-5': #a9bcbc, 'o-cc3-headings': 'o-color-3', 'o-cc3-text': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc3-btn-primary': 'o-color-4', 'o-cc3-btn-secondary': 'o-color-5', 'header': 1, 'footer': 3, 'copyright-custom': 'black-15', ), 'enark-1': ( 'o-color-1': #7b97af, 'o-color-2': #464d53, 'o-color-3': #f2f2f2, 'o-color-4': #FFFFFF, 'o-color-5': #191919, 'o-cc1-text': 'o-color-2', 'o-cc1-btn-primary': 'o-color-2', 'o-cc5-link': 'o-color-4', 'copyright-custom': 'black-15', ), 'enark-2': ( 'o-color-1': #41cb7a, 'o-color-2': #0f4c26, 'o-color-3': #fafafa, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'enark-3': ( 'o-color-1': #F2A679, 'o-color-2': #4f6b8c, 'o-color-3': #f4f2f2, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc4-text': 'o-color-5', 'menu': 4, 'footer': 4, 'copyright': 4, ), 'enark-4': ( 'o-color-1': #FFC513, 'o-color-2': #022859, 'o-color-3': #f4f2f2, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc4-text': 'o-color-5', 'menu': 4, 'footer': 4, 'copyright': 4, ), 'enark-5': ( 'o-color-1': #41cbb4, 'o-color-2': #0f4c4c, 'o-color-3': #f2f2ef, 'o-color-4': #FFFFFF, 'o-color-5': #000000, 'o-cc4-text': 'o-color-5', 'footer': 4, 'copyright': 4, ), 'graphene-1': ( 'o-color-1': #30cbb2, 'o-color-2': #3c4e5e, 'o-color-3': #f4f5f6, 'o-color-4': #ffffff, 'o-color-5': #192028, 'o-cc1-link': #04957e, 'o-cc5-text': #b2b2b2, 'body': 'black-15', 'menu': 1, 'footer': 5, 'copyright-custom': 'black-25', ), 'graphene-2': ( 'o-color-1': #c8a47e, 'o-color-2': #32273b, 'o-color-3': #f1f1ef, 'o-color-4': #ffffff, 'o-color-5': #252424, 'o-cc3-text': #b2b2b2, 'o-cc4-text': 'o-color-4', 'o-cc3-headings': 'o-color-4', 'o-cc4-headings': 'o-color-5', 'o-cc5-text': #b2b2b2, 'copyright-custom': 'black-15', ), 'graphene-3': ( 'o-color-1': #39588e, 'o-color-2': #d2b683, 'o-color-3': #e0dfdb, 'o-color-4': #f4f5f6, 'o-color-5': #2a282a, 'o-cc5-link': #7a9edc, 'menu': 2, 'footer': 2, 'copyright-custom': 'black-15', ), 'graphene-4': ( 'o-color-1': #f48747, 'o-color-2': #e9ceb0, 'o-color-3': #f1ebe5, 'o-color-4': #fbfaf8, 'o-color-5': #282d30, 'menu': 5, 'copyright-custom': 'black-15', ), 'kea-1': ( 'o-color-1': #e991a3, 'o-color-2': #575757, 'o-color-3': #f6f5f5, 'o-color-4': #ffffff, 'o-color-5': #333333, 'menu': 5, 'footer': 5, 'copyright': 5, ), 'kea-2': ( 'o-color-1': #f7a58e, 'o-color-2': #4b6272, 'o-color-3': #ecf0f2, 'o-color-4': #ffffff, 'o-color-5': #374249, 'menu': 4, 'footer': 4, 'copyright': 4, ), 'kea-3': ( 'o-color-1': #f9a646, 'o-color-2': #68635d, 'o-color-3': #f0efee, 'o-color-4': #ffffff, 'o-color-5': #333333, 'menu': 4, 'footer': 4, 'copyright': 4, ), 'kea-4': ( 'o-color-1': #ed6639, 'o-color-2': #385b9f, 'o-color-3': #d5dee3, 'o-color-4': #ffffff, 'o-color-5': #333333, 'o-cc4-link': 'o-color-4', 'o-cc4-btn-primary': 'o-color-4', 'menu': 4, 'footer': 4, 'copyright': 4, ), 'kiddo-1': ( 'o-color-1': #f3997b, 'o-color-2': #a7c7d5, 'o-color-3': #e3f0ee, 'o-color-4': #FFFFFF, 'o-color-5': #47464b, 'o-cc2-headings': null, 'menu': 4, 'footer': 4, 'copyright': 4, ), 'kiddo-2': ( 'o-color-1': #637bbe, 'o-color-2': #8eb9c7, 'o-color-3': #f6f0ea, 'o-color-4': #FFFFFF, 'o-color-5': #343643, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'kiddo-3': ( 'o-color-1': #684672, 'o-color-2': #639C8E, 'o-color-3': #f8ebd6, 'o-color-4': #FFFFFF, 'o-color-5': #302633, 'menu': 2, 'footer': 2, 'copyright': 2, 'o-cc1-headings': 'o-color-1', 'o-cc1-btn-secondary': 'o-color-3', ), 'kiddo-4': ( 'o-color-1': #c54545, 'o-color-2': #364481, 'o-color-3': #ccd7c5, 'o-color-4': #ffffff, 'o-color-5': #1f2230, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'loftspace-1': ( 'o-color-1': #a1a52f, 'o-color-2': #66555c, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #242327, 'menu': 5, 'footer': 5, 'copyright': 5, ), 'loftspace-2': ( 'o-color-1': #679b96, 'o-color-2': #345552, 'o-color-3': #e9e9e9, 'o-color-4': #ffffff, 'o-color-5': #1e222f, 'menu': 5, 'footer': 5, 'copyright': 5, ), 'loftspace-3': ( 'o-color-1': #df699c, 'o-color-2': #590046, 'o-color-3': #dbe8ed, 'o-color-4': #ffffff, 'o-color-5': #222222, 'menu': 5, 'footer': 5, 'copyright': 5, ), 'loftspace-4': ( 'o-color-1': #b29964, 'o-color-2': #62624c, 'o-color-3': #f5f4f4, 'o-color-4': #ffffff, 'o-color-5': #333333, 'menu': 5, 'footer': 5, 'copyright': 5, ), 'loftspace-5': ( 'o-color-1': #1ad68f, 'o-color-2': #2e2e2e, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #000000, 'menu': 5, 'footer': 5, 'copyright': 5, ), 'loftspace-6': ( 'o-color-1': #cfd744, 'o-color-2': #3d504a, 'o-color-3': #f0f1f1, 'o-color-4': #ffffff, 'o-color-5': #112625, 'menu': 5, 'footer': 5, 'copyright': 5, ), 'monglia-1': ( 'o-color-1': #ed145b, 'o-color-2': #9CD6FA, 'o-color-3': #f5f5f5, 'o-color-4': #ffffff, 'o-color-5': #111111, 'copyright-custom': 'black-15', ), 'monglia-2': ( 'o-color-1': #8f8747, 'o-color-2': #5b4645, 'o-color-3': #f0ecdb, 'o-color-4': #ffffff, 'o-color-5': #21263a, 'copyright-custom': 'black-15', ), 'monglia-3': ( 'o-color-1': #c0ce75, 'o-color-2': #704562, 'o-color-3': #dedede, 'o-color-4': #ffffff, 'o-color-5': #3e3e3e, 'copyright-custom': 'black-15', ), 'monglia-4': ( 'o-color-1': #1ad68f, 'o-color-2': #2e2e2e, 'o-color-3': #cfcfcf, 'o-color-4': #ffffff, 'o-color-5': #000000, 'copyright-custom': 'black-15', ), 'monglia-5': ( 'o-color-1': #c5ca60, 'o-color-2': #40a181, 'o-color-3': #bfddec, 'o-color-4': #ffffff, 'o-color-5': #112625, 'footer': 1, 'copyright': 1, ), 'monglia-6': ( 'o-color-1': #da557d, 'o-color-2': #6d4046, 'o-color-3': #fffddc, 'o-color-4': #ffffff, 'o-color-5': #3e3f43, 'footer': 1, 'copyright': 1, ), 'nano-1': ( 'o-color-1': #ed8558, 'o-color-2': #74bcc5, 'o-color-3': #efe9e0, 'o-color-4': #ffffff, 'o-color-5': #23262b, 'o-cc2-headings': 'o-color-5', 'o-cc3-btn-primary': 'o-color-4', 'o-cc3-link': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-2', 'body': 'o-color-5', 'preheader': 4, 'menu': 5, 'footer': 2, 'copyright': 5, ), 'nano-2': ( 'o-color-1': #e77557, 'o-color-2': #213047, 'o-color-3': #f2f2f2, 'o-color-4': #ffffff, 'o-color-5': #23262b, 'o-cc2-headings': 'o-color-2', 'o-cc4-link': 'o-color-4', 'menu': 3, 'footer': 2, 'copyright': 2, ), 'nano-3': ( 'o-color-1': #85bf4b, 'o-color-2': #74bcc5, 'o-color-3': #eaf2df, 'o-color-4': #ffffff, 'o-color-5': #23262b, 'o-cc2-headings': 'o-color-5', 'o-cc3-btn-primary': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-2', 'menu': 5, 'footer': 5, 'copyright': 5, ), 'nano-4': ( 'o-color-1': #16c6cc, 'o-color-2': #d72d3c, 'o-color-3': #e9ecef, 'o-color-4': #ffffff, 'o-color-5': #23262b, 'o-cc2-headings': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc4-link': 'o-color-4', 'menu': 5, 'footer': 2, 'copyright': 4, ), 'nano-5': ( 'o-color-1': #c7db58, 'o-color-2': #413659, 'o-color-3': #efefed, 'o-color-4': #ffffff, 'o-color-5': #23262b, 'o-cc2-headings': 'o-color-5', 'o-cc2-link': 'o-color-2', 'o-cc3-link': 'o-color-1', 'o-cc5-link': 'o-color-1', 'menu': 3, 'footer': 2, 'copyright': 3, ), 'nano-6': ( 'o-color-1': #db5d6b, 'o-color-2': #5acaaf, 'o-color-3': #efefed, 'o-color-4': #ffffff, 'o-color-5': #23262b, 'o-cc3-link': 'o-color-3', 'o-cc3-btn-primary': 'o-color-5', 'o-cc4-link': 'o-color-3', 'o-cc5-headings': 'o-color-1', 'o-cc5-link': 'o-color-1', 'menu': 5, 'footer': 2, 'copyright': 5, 'o-cc2-headings': 'o-color-5', ), 'notes-1': ( 'o-color-1': #a1c005, 'o-color-2': #9B96B4, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #212121, 'o-cc2-headings': 'o-color-5', 'menu': 5, 'copyright': 4, ), 'notes-2': ( 'o-color-1': #5191f0, 'o-color-2': #394b44, 'o-color-3': #f6f3ef, 'o-color-4': #ffffff, 'o-color-5': #212523, 'menu': 3, 'footer': 3, 'copyright': 4, ), 'notes-3': ( 'o-color-1': #DE8642, 'o-color-2': #B9B1A8, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #4B4D52, 'menu': 4, 'footer': 4, 'copyright': 5, ), 'notes-4': ( 'o-color-1': #ebd425, 'o-color-2': #48372f, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #352e2e, 'o-cc2-headings': 'o-color-5', 'o-cc4-text': 'o-color-5', 'menu': 3, 'footer': 3, 'copyright': 4, ), 'odoo-experts-1': ( 'o-color-1': #278f84, 'o-color-2': #494048, 'o-color-3': #f9f9f9, 'o-color-4': #FFFFFF, 'o-color-5': #201c20, 'o-cc5-link': #65e4d7, 'menu': 1, 'footer': 5, 'copyright': 5, ), 'odoo-experts-2': ( 'o-color-1': #414f8a, 'o-color-2': #888888, 'o-color-3': #f9f9f9, 'o-color-4': #FFFFFF, 'o-color-5': #222222, 'o-cc5-text': #b8b7b7, 'o-cc5-link': 'o-color-4', 'menu': 5, 'footer': 5, 'copyright': 5, ), 'odoo-experts-3': ( 'o-color-1': #dfcc60, 'o-color-2': #7f6262, 'o-color-3': #f9f9f9, 'o-color-4': #FFFFFF, 'o-color-5': #352626, 'menu': 4, 'footer': 4, 'copyright': 4, ), 'odoo-experts-4': ( 'o-color-1': #01e0b5, 'o-color-2': #5c7aff, 'o-color-3': #f9f9f9, 'o-color-4': #FFFFFF, 'o-color-5': #444444, 'o-cc2-link': 'o-color-5', 'menu': 3, 'footer': 3, 'copyright': 3, ), 'orchid-1': ( 'o-color-1': #a1a52f, 'o-color-2': #66555c, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #242327, 'footer': 4, 'copyright': 4, ), 'orchid-2': ( 'o-color-1': #679b96, 'o-color-2': #345552, 'o-color-3': #e9e9e9, 'o-color-4': #ffffff, 'o-color-5': #1e222f, 'footer': 1, 'copyright': 4, ), 'orchid-3': ( 'o-color-1': #df699c, 'o-color-2': #590046, 'o-color-3': #dbe8ed, 'o-color-4': #ffffff, 'o-color-5': #222222, 'footer': 1, 'copyright': 4, ), 'orchid-4': ( 'o-color-1': #b29964, 'o-color-2': #62624c, 'o-color-3': #f5f4f4, 'o-color-4': #ffffff, 'o-color-5': #333333, 'footer': 1, 'copyright': 4, ), 'orchid-5': ( 'o-color-1': #1ad68f, 'o-color-2': #2e2e2e, 'o-color-3': #f7f7f7, 'o-color-4': #ffffff, 'o-color-5': #000000, 'footer': 1, 'copyright': 4, ), 'orchid-6': ( 'o-color-1': #cfd744, 'o-color-2': #3d504a, 'o-color-3': #f0f1f1, 'o-color-4': #ffffff, 'o-color-5': #112625, 'menu': 4, 'footer': 4, 'copyright': 5, ), 'orchid-7': ( 'o-color-1': #007564, 'o-color-2': #fcb752, 'o-color-3': #f8f8f8, 'o-color-4': #ffffff, 'o-color-5': #011a16, ), 'paptic-1': ( 'o-color-1': #6772E5, 'o-color-2': #F5F9F9, 'o-color-3': #34B885, 'o-color-4': #ffffff, 'o-color-5': #9BA9BB, 'o-cc1-headings': 'o-color-5', 'o-cc1-link': 'o-color-1', 'o-cc1-btn-secondary': 'o-color-5', 'o-cc1-btn-secondary-border': 'o-color-5', 'o-cc2-headings': 'o-color-2', 'o-cc2-link': #40fffb, 'o-cc3-headings': 'o-color-3', 'o-cc4-link': #40fffb, 'o-cc5-link': #40fffb, 'header': 1, 'footer': 1, 'copyright': 3, ), 'real-estate-1': ( 'o-color-1': #539b80, 'o-color-2': #2e2e2e, 'o-color-3': #f4f4f4, 'o-color-4': #ffffff, 'o-color-5': #000000, 'o-cc1-btn-primary': #1ad68f, 'o-cc5-link': #1ad68f, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'real-estate-2': ( 'o-color-1': #006bff, 'o-color-2': #fda400, 'o-color-3': #F1F1F4, 'o-color-4': #ffffff, 'o-color-5': #2A2A33, 'footer': 1, 'copyright': 1, ), 'real-estate-3': ( 'o-color-1': #cddf66, 'o-color-2': #b62682, 'o-color-3': #f4f5f2, 'o-color-4': #ffffff, 'o-color-5': #000000, 'footer': 1, 'copyright': 1, ), 'real-estate-4': ( 'o-color-1': #007882, 'o-color-2': #48578a, 'o-color-3': #f4efeb, 'o-color-4': #ffffff, 'o-color-5': #33302e, 'o-cc5-link': #70c7cf, 'menu': 5, 'copyright-custom': 'black-15', ), 'treehouse-1': ( 'o-color-1': #68b581, 'o-color-2': #046380, 'o-color-3': #e8e6d1, 'o-color-4': #ffffff, 'o-color-5': #1d2127, 'o-cc1-text': 'o-color-5', 'o-cc4-btn-primary': 'o-color-4', 'o-cc4-link': 'o-color-4', 'menu': 1, 'footer': 5, 'copyright': 4, ), 'treehouse-2': ( 'o-color-1': #8cc850, 'o-color-2': #cc4452, 'o-color-3': #f6f4e1, 'o-color-4': #ffffff, 'o-color-5': #4c4545, 'o-cc1-text': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-2', 'menu': 5, 'footer': 5, 'copyright': 4, ), 'treehouse-3': ( 'o-color-1': #e2ad3b, 'o-color-2': #1a2a41, 'o-color-3': #f2ebd5, 'o-color-4': #ffffff, 'o-color-5': #d26400, 'o-cc1-text': 'o-color-2', 'o-cc2-headings': 'o-color-2', 'o-cc2-link': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc5-link': 'o-color-3', 'menu': 3, 'footer': 3, 'copyright': 4, ), 'treehouse-4': ( 'o-color-1': #0092b2, 'o-color-2': #046380, 'o-color-3': #f2ebd5, 'o-color-4': #ffffff, 'o-color-5': #a8c545, 'o-cc1-text': #002737, 'o-cc2-headings': 'o-color-2', 'o-cc3-headings': 'o-color-3', 'o-cc3-link': 'o-color-3', 'o-cc4-link': 'o-color-3', 'o-cc4-btn-primary': 'o-color-3', 'o-cc4-btn-secondary': 'o-color-2', 'o-cc5-link': 'o-color-2', 'o-cc5-btn-secondary': 'o-color-2', 'menu': 1, 'footer': 3, 'copyright': 4, ), 'treehouse-5': ( 'o-color-1': #dd7e43, 'o-color-2': #658791, 'o-color-3': #e3e9eb, 'o-color-4': #ffffff, 'o-color-5': #d45c45, 'o-cc2-headings': 'o-color-2', 'o-cc3-link': 'o-color-3', 'o-cc4-link': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-4', 'o-cc5-link': 'o-color-4', 'menu': 1, 'footer': 2, 'copyright': 4, ), 'treehouse-6': ( 'o-color-1': #92b475, 'o-color-2': #8c7d77, 'o-color-3': #efefed, 'o-color-4': #ffffff, 'o-color-5': #011a33, 'o-cc1-text': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc3-btn-secondary': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc4-btn-secondary': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-4', 'menu': 2, 'footer': 5, 'copyright': 4, ), 'vehicle-1': ( 'o-color-1': #9e160d, 'o-color-2': #543b3b, 'o-color-3': #f7f6f6, 'o-color-4': #ffffff, 'o-color-5': #242424, 'footer': 1, 'copyright': 1, ), 'vehicle-2': ( 'o-color-1': #3e7ae9, 'o-color-2': #000000, 'o-color-3': #f3f3f3, 'o-color-4': #ffffff, 'o-color-5': #222222, 'menu': 2, 'footer': 2, 'copyright': 2, ), 'yes-1': ( 'o-color-1': #e991a3, 'o-color-2': #575757, 'o-color-3': #f6f5f5, 'o-color-4': #ffffff, 'o-color-5': #333333, 'footer': 1, 'copyright': 1, ), 'yes-2': ( 'o-color-1': #f7a58e, 'o-color-2': #4b6272, 'o-color-3': #ecf0f2, 'o-color-4': #ffffff, 'o-color-5': #374249, 'footer': 4, 'copyright': 4, ), 'yes-3': ( 'o-color-1': #92657e, 'o-color-2': #bbd3c1, 'o-color-3': #eeeeef, 'o-color-4': #ffffff, 'o-color-5': #574656, ), 'yes-4': ( 'o-color-1': #ed6639, 'o-color-2': #385b9f, 'o-color-3': #d5dee3, 'o-color-4': #ffffff, 'o-color-5': #333333, 'footer': 1, 'copyright': 4, ), 'zap-1': ( 'o-color-1': #337ab7, 'o-color-2': #5cb85c, 'o-color-3': #eceef1, 'o-color-4': #ffffff, 'o-color-5': #1d2127, 'o-cc1-text': 'o-color-5', 'o-cc3-link': 'o-color-4', 'o-cc4-link': 'o-color-4', 'o-cc5-headings': 'o-color-1', 'menu': 2, 'footer': 2, 'copyright': 4, ), 'zap-2': ( 'o-color-1': #ed8c2b, 'o-color-2': #a8c545, 'o-color-3': #8e3557, 'o-color-4': #efecca, 'o-color-5': #35203b, 'o-cc1-bg': #ffffff, 'o-cc1-text': #1d2127, 'o-cc3-link': 'o-color-4', 'o-cc3-btn-primary': 'o-color-5', 'o-cc4-link': 'o-color-4', 'menu': 5, 'footer': 5, 'copyright': 4, ), 'zap-3': ( 'o-color-1': #79bd8f, 'o-color-2': #046380, 'o-color-3': #beeb9f, 'o-color-4': #ffffff, 'o-color-5': #000000, 'o-cc1-text': #222222, 'o-cc2-headings': 'o-color-2', 'o-cc2-link': 'o-color-2', 'o-cc4-link': 'o-color-4', 'o-cc5-headings': 'o-color-3', 'o-cc5-link': 'o-color-3', 'menu': 1, 'footer': 5, 'copyright': 4, ), 'zap-4': ( 'o-color-1': #00b3c5, 'o-color-2': #d72d3c, 'o-color-3': #ebeef1, 'o-color-4': #ffffff, 'o-color-5': #000000, 'o-cc1-text': #1d2127, 'o-cc2-headings': 'o-cc1-text', 'o-cc3-link': 'o-color-4', 'o-cc4-link': 'o-color-4', 'menu': 2, 'footer': 2, 'copyright': 4, ), 'zap-5': ( 'o-color-1': #413659, 'o-color-2': #c9de55, 'o-color-3': #bdd4de, 'o-color-4': #ffffff, 'o-color-5': #14212b, 'o-cc1-text': 'o-color-5', 'o-cc2-btn-secondary': 'o-color-4', 'o-cc3-btn-secondary': 'o-color-4', 'o-cc4-btn-primary': 'o-color-2', 'o-cc4-btn-secondary': 'o-color-4', 'o-cc4-link': 'o-color-3', 'o-cc5-headings': 'o-color-2', 'o-cc5-btn-primary': 'o-color-4', 'o-cc5-btn-secondary': 'o-color-2', 'o-cc5-link': 'o-color-3', 'menu': 2, 'footer': 2, 'copyright': 4, ), 'zap-6': ( 'o-color-1': #F25244, 'o-color-2': #45858C, 'o-color-3': #e8f1ff, 'o-color-4': #ffffff, 'o-color-5': #000000, 'o-cc1-text': #323a49, 'o-cc2-headings': 'o-cc1-text', 'o-cc3-link': 'o-color-4', 'o-cc3-btn-primary': 'o-color-5', 'o-cc4-link': 'o-color-4', 'menu': 2, 'footer': 5, 'copyright': 4, ), ) ); // This map is used to support the old color palettes system. Previously, color // palettes were stored in a list and the selected one was retrieved using its // index. Now color palettes are stored in maps and retrieved using their key. // This map allows to convert the old palette index to the corresponding key. // Since the color palettes list was different for each theme, this // compatibility map is overridden by each theme. $o-color-palettes-compatibility-indexes: ( 1: 'base-1', 2: 'base-2', 3: 'generic-1', 4: 'generic-2', 5: 'generic-3', 6: 'generic-4', 7: 'generic-5', 8: 'generic-6', 9: 'generic-7', 10: 'generic-8', 11: 'generic-9', 12: 'generic-10', 13: 'generic-11', 14: 'generic-12', 15: 'generic-13', 16: 'generic-14', 17: 'generic-15', 18: 'generic-16', 19: 'generic-17', ); $o-gray-color-palettes-compatibility-indexes: null; // Default to the color one above $o-theme-color-palettes-compatibility-indexes: null; // Default to the color one above // Create the list of palettes proposed by the UI $o-selected-color-palettes-names: ( // Proposed by the configurator 'default-1', 'default-2', 'default-3', 'default-4', 'default-5', 'default-6', 'default-7', 'default-8', 'default-9', 'default-10', 'default-11', 'default-12', 'default-13', 'default-14', 'default-15', 'default-16', 'default-17', 'default-18', 'default-19', 'default-20', // System default 'base-1', 'base-2', ); //------------------------------------------------------------------------------ // Website customizations //------------------------------------------------------------------------------ $o-base-website-values-palette: ( 'font-size-base': 1rem, // Need a set value as the value is used in bootstrap_overridden files 'google-fonts': null, 'google-local-fonts': null, 'body-image': null, 'body-image-type': 'image', // 'image' or 'pattern' 'layout': 'full', // 'full' / 'boxed' 'color-palettes-name': null, // Default to the individual variables for each color palette type 'btn-primary-outline': false, 'btn-secondary-outline': false, 'link-underline': 'hover', // 'never' / 'hover' / 'always' 'btn-ripple': false, 'btn-padding-y': null, // Default to BS 'btn-padding-x': null, // Default to BS 'btn-font-size': null, // Default to BS 'btn-padding-y-sm': null, // Default to portal value 'btn-padding-x-sm': null, // Default to portal value 'btn-font-size-sm': null, // Default to BS 'btn-padding-y-lg': null, // Default to BS 'btn-padding-x-lg': null, // Default to BS 'btn-font-size-lg': null, // Default to BS 'btn-border-width': null, // Default to BS 'btn-border-radius': null, // Default to BS 'btn-border-radius-sm': null, // Default to BS 'btn-border-radius-lg': null, // Default to BS 'input-padding-y': null, // Default to BS 'input-padding-x': null, // Default to BS 'input-font-size': null, // Default to BS 'input-padding-y-sm': null, // Default to BS 'input-padding-x-sm': null, // Default to BS 'input-font-size-sm': null, // Default to BS 'input-padding-y-lg': null, // Default to BS 'input-padding-x-lg': null, // Default to BS 'input-font-size-lg': null, // Default to BS 'input-border-width': null, // Default to BS 'input-border-radius': null, // Default to BS 'input-border-radius-sm': null, // Default to BS 'input-border-radius-lg': null, // Default to BS // A key from the $o-theme-font-configs map (null = default to the first key) 'font': null, 'headings-font': null, 'navbar-font': null, 'buttons-font': null, // Gradients 'menu-gradient': null, 'header-boxed-gradient': null, 'footer-gradient': null, 'copyright-gradient': null, 'header-template': 'default', // 'default' / 'hamburger' / 'vertical' / 'sidebar' 'header-font-size': null, // Default to BS (normal font-size) 'header-links-style': 'default', // 'default' / 'fill' / 'outline' / 'pills' / 'block' / 'border-bottom' 'logo-height': null, // Default to navbar height (see portal) 'hamburger-type': 'default', // 'default' / 'off-canvas' 'hamburger-position': 'left', // 'left' / 'center' / 'right' 'menu-border-width': null, // Default to classes used on the template 'menu-border-style': solid, // Default to classes used on the template 'menu-border-radius': null, // Default to classes used on the template 'menu-box-shadow': null, // Default to classes used on the template 'sidebar-width': 18.75rem, // 300px 'footer-template': 'default', 'footer-effect': null, // null / 'slideout_slide_hover' / 'slideout_shadow' 'footer-scrolltop': false, ); $o-font-aliases-to-keys: ( 'base': 'font', 'headings': 'headings-font', 'navbar': 'navbar-font', 'buttons': 'buttons-font', ); $o-website-values-palettes: ( ( 'headings-font': 'Source Sans Pro', 'navbar-font': 'Source Sans Pro', 'buttons-font': 'Source Sans Pro', ), ) !default; $o-website-values-palette-number: 1 !default; // By default, all user website values are null. Each null value is // automatically replaced with corresponsing value of chosen values palette. $o-user-website-values: () !default; //------------------------------------------------------------------------------ // Fonts //------------------------------------------------------------------------------ // Those are BS values, except BS hardcodes them inside the $hx-font-size // variables directly and don't make them customizable. $o-theme-h1-font-size-multiplier: 2.5 !default; $o-theme-h2-font-size-multiplier: 2 !default; $o-theme-h3-font-size-multiplier: 1.75 !default; $o-theme-h4-font-size-multiplier: 1.5 !default; $o-theme-h5-font-size-multiplier: 1.25 !default; $o-theme-h6-font-size-multiplier: 1 !default; // Map: // <font-name>: ( // 'family': <css font family list>, // 'url': <related part of google fonts URL>, // 'properties' (optional): ( // <font-alias>: ( // <website-value-key>: <value>, // ..., // ), // ..., // ) // ) $o-theme-font-configs: ( 'Roboto': ( 'family': ('Roboto', sans-serif), 'url': 'Roboto:300,300i,400,400i,700,700i', ), 'Open Sans': ( 'family': ('Open Sans', sans-serif), 'url': 'Open+Sans:300,300i,400,400i,700,700i', ), 'Source Sans Pro': ( 'family': ('Source Sans Pro', sans-serif), 'url': 'Source+Sans+Pro:300,300i,400,400i,700,700i', ), 'Raleway': ( 'family': ('Raleway', sans-serif), 'url': 'Raleway:300,300i,400,400i,700,700i', ), 'Noto Serif': ( 'family': ('Noto Serif', serif), 'url': 'Noto+Serif:300,300i,400,400i,700,700i', ), 'Arvo': ( 'family': ('Arvo', Times, serif), 'url': 'Arvo:300,300i,400,400i,700,700i', ), ) !default; //------------------------------------------------------------------------------ // Mixins //------------------------------------------------------------------------------ @mixin o-ribbon-right(){@include o-position-absolute($top: 0, $right: 0); padding: 0.5rem $ribbon-padding; // 0.708 is 1 - cos(45deg) // Transforms are applied right-to-left // Cannot use matrix because of the use of % values. transform: translateX(calc(-0.708 * (100% - #{2 * $ribbon-padding}))) rotate(45deg) translateX(calc(100% - #{$ribbon-padding})); transform-origin: top right;}; @mixin o-ribbon-left(){@include o-position-absolute($top: 0, $left: 0); padding: 0.5rem $ribbon-padding; transform: translateX(calc(0.708 * (100% - #{2 * $ribbon-padding}) - 100%)) rotate(-45deg) translateX($ribbon-padding); transform-origin: top right;}; @mixin o-tag-right(){@include o-position-absolute($top: 0, $right: 0); padding: 0.25rem 1rem;}; @mixin o-tag-left(){@include o-position-absolute($top: 0, $left: 0); padding: 0.25rem 1rem;}; @mixin o-add-gradient($key){$-gradient: o-website-value($key); @if $-gradient{background-color: rgba(0, 0, 0, 0); background-image: $-gradient;}}; // Replaces 'NULL' string values in a map by the sass null value (this is useful // as a "hack" to allow users to define null values in their custom palette as // normal null values are immediately removed to act as "removing the user custo // and resetting to theme default": ideally, we should review that system to // actually removing the custos in those cases instead of setting a null value // but this cannot be migrated at the moment). @function o-map-force-nulls($map){$-map: (); @each $key, $value in $map{$-map: map-merge($-map, ( $key: if($value == 'NULL', null, $value), ));}@return $-map;}

/* /website/static/src/scss/options/user_values.custom.web.assets_common.scss defined in bundle 'web.assets_frontend' */
// This file is meant to be edited automatically by the user. The variables it // contains should not be renamed otherwise it would break existing customers // customizations. $o-user-website-values: map-merge($o-user-website-values, o-map-omit(( 'menu-gradient': null, 'header-boxed-gradient': null, 'footer-gradient': null, 'copyright-gradient': null, 'font': null, 'headings-font': null, 'navbar-font': null, 'buttons-font': null, 'color-palettes-number': null, 'color-palettes-name': null, 'btn-ripple': null, 'header-template': 'header_style_1', 'footer-template': 'footer_custom_rcc', 'footer-scrolltop': null, 'hamburger-type': 'off-canvas', 'hamburger-position': 'right', // -- hook -- ))); 

/* /website/static/src/scss/options/colors/user_color_palette.scss defined in bundle 'web.assets_frontend' */
 $o-user-color-palette: map-merge($o-user-color-palette, o-map-omit(( // -- hook -- ))); 

/* /website/static/src/scss/options/colors/user_gray_color_palette.scss defined in bundle 'web.assets_frontend' */
 $o-user-gray-color-palette: map-merge($o-user-gray-color-palette, o-map-omit(( // -- hook -- ))); 

/* /website/static/src/scss/options/colors/user_theme_color_palette.custom.web.assets_common.scss defined in bundle 'web.assets_frontend' */
 $o-user-theme-color-palette: map-merge($o-user-theme-color-palette, o-map-omit(( 'success': null, 'info': null, 'warning': null, 'danger': null, // -- hook -- ))); 

/* /hr_org_chart/static/src/scss/variables.scss defined in bundle 'web.assets_frontend' */
$o-hr-org-chart-bg: white; $o-hr-org-chart-border-color: $o-brand-secondary; $o-hr-org-chart-entry-v-gap: 6px; $o-hr-org-chart-entry-pic-size: 46px; $o-hr-org-chart-entry-line-w: 1px; $o-hr-org-chart-entry-border-color: darken($o-hr-org-chart-bg, 25%); // MIXINS @mixin o-hr-org-chart-line{content: ''; background-color: $o-hr-org-chart-bg; border: 0px solid $o-hr-org-chart-entry-border-color;}

/* /website/static/src/snippets/s_badge/000_variables.scss defined in bundle 'web.assets_frontend' */
$s-badge-border-radius: null; $s-badge-padding: .5rem; $s-badge-margin: .5rem .5rem .5rem 0; $s-badge-i-margin: 0 .3rem 0 0; 

/* /website/static/src/snippets/s_product_list/000_variables.scss defined in bundle 'web.assets_frontend' */
@mixin s-product-list-img-hook{}

/* /website/static/src/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */
//------------------------------------------------------------------------------ // Website customizations //------------------------------------------------------------------------------ // Complete the base website values palette with the first defined font $-first-font-name: nth(map-keys($o-theme-font-configs), 1); @each $alias, $key in $o-font-aliases-to-keys{@if map-get($o-base-website-values-palette, $key) == null{$o-base-website-values-palette: map-merge($o-base-website-values-palette, ( $key: $-first-font-name, ));}}@function o-add-font-config($values){@each $alias, $key in $o-font-aliases-to-keys{$font-name: map-get($values, $key); $font-config: o-safe-get($o-theme-font-configs, $font-name, ()); $font-properties: o-safe-get($font-config, 'properties', ()); $type-font-properties: o-safe-get($font-properties, $alias, ()); $values: map-merge($values, $type-font-properties);}@return $values;}// Some fonts have been renamed in a stable version, and for retro compatibility // for users which have a custom user_values.css as attachment with an old font // already used, we map the old font with the new `similar` font $o-fonts-similar: ( 'Droid Serif': 'Noto Serif', 'SinKinSans': 'Spartan', 'Proxima': 'Montserrat', 'Comic Sans MS': 'Comic Neue', 'Fontastique': 'Bubblegum Sans', 'Luminari': 'Eagle Lake', 'Fecske': 'Marcellus', 'Din Alternate': 'Roboto', ); @function o-map-font-aliases($values){$-values: $values; @each $key in map-values($o-font-aliases-to-keys){$value: map-get($values, $key); @if ($value and map-has-key($o-fonts-similar, $value)){$-values: map-merge($-values, ( $key: map-get($o-fonts-similar, $value), ));}}@return $-values;}; // By default, most website palette values are null. Each null value is // automatically replaced with corresponsing values in chosen default values // palette. $o-user-website-values: o-map-force-nulls($o-user-website-values); $o-user-website-values: o-map-font-aliases($o-user-website-values); $-website-values-default: o-safe-nth($o-website-values-palettes, $o-website-values-palette-number, ()); $-website-values-default: map-merge($o-base-website-values-palette, $-website-values-default); $-actual-user-website-values-palette: map-merge($-website-values-default, $o-user-website-values); // Default font selection + User font selection have been merged, now need to // add the right associated font default config $-actual-user-website-values-palette: o-add-font-config($-actual-user-website-values-palette); // Reforce the properties which already had a set values in the user map (the // font properties override the default palette values but not the user ones) $-actual-user-website-values-palette: map-merge($-actual-user-website-values-palette, $o-user-website-values); $o-website-values-palettes: append($o-website-values-palettes, $-actual-user-website-values-palette); // Enable last website values palette, which is now the user customized one $o-website-values-palette-number: length($o-website-values-palettes); $o-website-values: $-actual-user-website-values-palette !default; @function o-website-value($key){@return map-get($o-website-values, $key);}$o-theme-navbar-logo-height: o-website-value('logo-height') !default; $o-theme-navbar-fixed-logo-height: o-website-value('fixed-logo-height') !default; //------------------------------------------------------------------------------ // Colors //------------------------------------------------------------------------------ // First change the palette selection to the actual user choice if any, keeping // compatibility with old numbers too. $-color-palette-number: o-website-value('color-palettes-number') or if(variable-exists(o-color-palette-number), $o-color-palette-number, null); // Only in old databases $-color-palette-name: o-website-value('color-palettes-name'); $-gray-color-palette-name: $-color-palette-name; $-theme-color-palette-name: $-color-palette-name; // If defined palette number but no *user* defined palette name, this is an // old database with a old palette selection, we have to find the name from // the old number @if ($-color-palette-number and not map-get($o-user-website-values, 'color-palettes-name')){$-compat: $o-color-palettes-compatibility-indexes; $-color-palette-name: map-get($-compat, $-color-palette-number) or ''; $-compat: $o-gray-color-palettes-compatibility-indexes or $o-color-palettes-compatibility-indexes; $-gray-color-palette-name: map-get($-compat, $-color-palette-number) or ''; $-compat: $o-theme-color-palettes-compatibility-indexes or $o-color-palettes-compatibility-indexes; $-theme-color-palette-name: map-get($-compat, $-color-palette-number) or '';}@if ($-color-palette-name){$o-color-palette-name: $-color-palette-name;}@if ($-gray-color-palette-name){$o-gray-color-palette-name: $-gray-color-palette-name;}@if ($-theme-color-palette-name){$o-theme-color-palette-name: $-theme-color-palette-name;}$o-has-customized-13-0-color-system: not not (map-get($o-user-theme-color-palette, 'primary') or map-get($o-user-theme-color-palette, 'secondary') or map-get($o-user-theme-color-palette, 'alpha') or map-get($o-user-theme-color-palette, 'beta') or map-get($o-user-theme-color-palette, 'gamma') or map-get($o-user-theme-color-palette, 'delta') or map-get($o-user-theme-color-palette, 'epsilon')); $o-has-customized-colors: not not (length(map-keys($o-user-color-palette)) > 0 or map-get($o-user-theme-color-palette, 'success') or map-get($o-user-theme-color-palette, 'info') or map-get($o-user-theme-color-palette, 'warning') or map-get($o-user-theme-color-palette, 'danger')); // Color palette // ------------- // By default, most user color palette values are null. Each null value is // automatically replaced with corresponsing colors in chosen default color // palette. $o-user-color-palette: o-map-force-nulls($o-user-color-palette); $-palette-default: map-get($o-color-palettes, $o-color-palette-name) or (); $-actual-user-color-palette: map-merge($-palette-default, $o-user-color-palette); // Compatibility with old values in old names @each $name, $custom-name in ( // Each of those values were either a number for a color combination, a // string for a color name or a color. Now they should only be a number for // a color combination and the other value types for the color name/value // are handled by another variable. 'menu': 'menu-custom', 'header-boxed': 'header-boxed-custom', 'footer': 'footer-custom', 'copyright': 'copyright-custom' ){$-base-value: map-get($-actual-user-color-palette, $name); @if $-base-value and $-base-value != 'NULL' and type-of($-base-value) != 'number'{$-base-custom-value: map-get($-actual-user-color-palette, $custom-name); $-actual-user-color-palette: map-merge($-actual-user-color-palette, ( $name: 1, $custom-name: $-base-custom-value or $-base-value, ));}}$o-color-palettes: map-merge($o-color-palettes, ('user-palette': $-actual-user-color-palette)); // Gray palette // ------------ // By default, most user gray palette values are null. Each null value is // automatically replaced with corresponsing colors in chosen default color // palette. $o-user-gray-color-palette: o-map-force-nulls($o-user-gray-color-palette); $-palette-default: map-get($o-gray-color-palettes, $o-gray-color-palette-name) or (); $-actual-user-gray-color-palette: map-merge($-palette-default, $o-user-gray-color-palette); $o-gray-color-palettes: map-merge($o-gray-color-palettes, ('user-palette': $-actual-user-gray-color-palette)); // Theme color palette // ------------------- // alpha -> epsilon colors are from the old color system, this is kept for // compatibility: Generate default theme color scheme if alpha is set $-alpha: map-get($o-user-theme-color-palette, 'alpha'); @if ($-alpha){$o-user-theme-color-palette: map-merge(( beta: lighten(desaturate($-alpha, 60%), 30%), gamma: desaturate(adjust-hue($-alpha, -45deg), 10%), delta: desaturate(adjust-hue($-alpha, 45deg), 10%), epsilon: desaturate(adjust-hue($-alpha, 180deg), 10%), ), $o-user-theme-color-palette);}// By default, all user theme color palette values are null. Each null value is // automatically replaced with corresponsing colors in chosen default theme // color palette. $o-user-theme-color-palette: o-map-force-nulls($o-user-theme-color-palette); $-palette-default: map-get($o-theme-color-palettes, $o-theme-color-palette-name) or (); $-actual-user-theme-color-palette: map-merge($-palette-default, $o-user-theme-color-palette); // Always remove the primary/secondary which were customizable in some theme // in Odoo <= 13.3. The customer can always rechoose the right color in the // Odoo color system as the first two ones are mapped to primary/secondary. $-actual-user-theme-color-palette: map-remove($-actual-user-theme-color-palette, 'primary', 'secondary' ); $o-theme-color-palettes: map-merge($o-theme-color-palettes, ('user-palette': $-actual-user-theme-color-palette)); // --- // Enable last color and theme color palettes, which are now the user customized // color palettes. $o-original-color-palette-name: $o-color-palette-name; $o-color-palette-name: 'user-palette'; $o-gray-color-palette-name: 'user-palette'; $o-theme-color-palette-name: 'user-palette'; $o-we-auto-contrast-exclusions: () !default; $o-we-auto-contrast-exclusions: join($o-we-auto-contrast-exclusions, map-keys($o-user-color-palette)); //------------------------------------------------------------------------------ // Fonts //------------------------------------------------------------------------------ // Merge base fonts with user-added google fonts @each $font-name in (o-website-value('google-fonts') or ()){$o-theme-font-configs: map-merge($o-theme-font-configs, ( $font-name: ( 'family': (quote($font-name), sans-serif), 'url': quote($font-name) + ':300,300i,400,400i,700,700i', ), ));}// Add locally hosted google fonts @each $font-name, $font-attach-id in (o-website-value('google-local-fonts') or ()){// If a font exists both remotely and locally, we remove the remote font to // prioritize the local font. $o-theme-font-configs: map-remove($o-theme-font-configs, $font-name); $o-theme-font-configs: map-merge($o-theme-font-configs, ( $font-name: ( 'family': (quote($font-name), sans-serif), 'attachment': $font-attach-id, 'name': quote($font-name), ), ));}// Add odoo unicode support for all fonts @each $font-name, $font-config in $o-theme-font-configs{$o-theme-font-configs: map-merge($o-theme-font-configs, ( $font-name: map-merge($font-config, ( 'family': o-add-unicode-support-font(map-get($font-config, 'family')), )), ));}// Function which allows to retrieve a base info (family, url, properties) about // a component (base, navbar, ...)'s font. The font name is retrievable via a // simple o-website-value call. @function o-get-font-info($alias: 'base', $config-key: 'family'){$key: map-get($o-font-aliases-to-keys, $alias); $font-name: o-website-value($key); $-font-config: o-safe-get($o-theme-font-configs, $font-name, ()); @return map-get($-font-config, $config-key);}$o-theme-font: o-get-font-info('base') or (sans-serif,) !default; $o-theme-headings-font: o-get-font-info('headings') or $o-theme-font !default; $o-theme-navbar-font: o-get-font-info('navbar') or $o-theme-font !default; $o-theme-buttons-font: o-get-font-info('buttons') or $o-theme-font !default; 

/* /web/static/src/legacy/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */
$o-webclient-background-color: $o-gray-100 !default; $o-control-panel-background-color: $o-view-background-color !default; $o-list-footer-color: null !default $o-list-group-header-color: lighten($o-brand-lightsecondary, 10%) !default; // UI custom colors for tags, kanban records' colors, ...) // Note: the first value is the old BS3 gray-light value $o-colors: lighten(#000, 46.7%), #F06050, #F4A460, #F7CD1F, #6CC1ED, #814968, #EB7E7F, #2C8397, #475577, #D6145F, #30C381, #9365B8 !default; $o-colors-secondary: #aa4b6b, #30C381, #97743a, #F7CD1F, #4285F4, #8E24AA, #D6145F, #173e43, #348F50, #AA3A38, #795548, #5e0231, #6be585, #999966, #e9d362, #b56969, #bdc3c7, #649173 !default; // UI custom colors, complete list $o-colors-complete: join( set-nth($o-colors, 1, #134E5E), $o-colors-secondary )!default; $o-sheet-cancel-hpadding: $o-horizontal-padding !default; $o-sheet-cancel-bpadding: $o-horizontal-padding !default; $o-statusbar-arrow-width: $o-statusbar-height / 3 !default; $o-statusbar-disabled-bg: lighten($o-brand-lightsecondary, 7%) !default; $o-navbar-inverse-link-hover-bg: darken($o-brand-odoo, 10%) !default; $o-datepicker-week-bg-color: lighten($o-datepicker-week-color, 30%) !default; // Kanban $o-kanban-record-margin: $o-horizontal-padding / 2 !default; $o-kanban-group-padding: $o-horizontal-padding !default; // Cannot be higher than this $o-kanban-inside-hgutter-mobile: $o-horizontal-padding !default; // ------- Kanban dashboard variables ------- // Since rows and containers are used inside cards, we're // forced to set the padding relative to the grid system. $o-kanban-dashboard-hpadding: $o-horizontal-padding !default; $o-kanban-dashboard-vpadding: $o-horizontal-padding / 2 !default; 

/* /web_editor/static/src/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */
 //------------------------------------------------------------------------------ // Colors //------------------------------------------------------------------------------ // Color combinations $o-color-combinations: o-safe-nth($o-color-combinations-presets, $o-color-combinations-preset-number, ()) !default; $-combination-additions: (); @for $index from 1 through length($o-color-combinations){$combination: map-merge($o-base-color-combination, nth($o-color-combinations, $index)); @each $element, $color in $combination{$-combination-additions: map-merge($-combination-additions, ( 'o-cc#{$index}-#{$element}': $color, ));}}// Colors $o-color-palette: map-get($o-color-palettes, $o-color-palette-name) or (); // Original color palette can contain override of the default combinations (so keep 'null' values for this merge) $o-color-palette: map-merge($-combination-additions, $o-color-palette); $o-color-palette: map-merge($o-base-color-palette, $o-color-palette); // Theme colors $o-theme-color-palette: map-get($o-theme-color-palettes, $o-theme-color-palette-name) or () !default; @if not $o-support-13-0-color-system{$o-theme-color-palette: map-remove($o-theme-color-palette, 'alpha', 'beta', 'gamma', 'delta', 'epsilon');}$-main-color: map-get($o-color-palette, 'o-color-1'); $-main-color-lightness: lightness($-main-color); $o-theme-color-palette: map-merge(( // color 1 and 2 are used to override primary and secondary BS4 // colors by default, so that theme colors affect the default Odoo layouts 'primary': $-main-color, 'secondary': map-get($o-color-palette, 'o-color-2'), // BS light and dark colors are not used for any BS component, just // for color utilities. By default, we set them to a very light and // very dark version of a desaturate version of the main color 'light': lighten(desaturate($-main-color, 80%), min(70%, max(0%, 97% - $-main-color-lightness))), // Does not increase over 97% lightness 'dark': darken(desaturate($-main-color, 80%), min(70%, max(0%, $-main-color-lightness - 10%))), // Does not lower under 10% lightness ), $o-theme-color-palette); $o-theme-color-palette: map-merge($o-base-theme-color-palette, $o-theme-color-palette); // Gray colors // Extend grays with transparent ones (for some reason, BS4 create black-50 and // white-50 but does not allow overridding that with variables). $o-gray-color-palette: map-get($o-gray-color-palettes, $o-gray-color-palette-name) or () !default; $o-gray-color-palette: map-merge($o-transparent-grays, $o-gray-color-palette); $o-gray-color-palette: map-merge($o-base-gray-color-palette, $o-gray-color-palette); $o-color-system-initialized: false; // Returns: // - true if the given name is a css color or null // - false if a potential valid color name // - throws an error if the given arg cannot reference a color @function check-color-identifier-type($name){$-type: type-of($name); @if $-type == 'color' or $-type == 'null'{@return true;}@else if $-type != 'string'{@error "Color name '#{$name}' is of unsupported type '#{$-type}'";}@return false;}@function use-cc-bg($name){@if type-of($name) == 'number'{// Preset number, let's return the background color of the related // preset. @return 'o-cc#{$name}-bg';}@return $name;}// Looks up for the color related to the given name in the related odoo palettes // following redirection a maximum number of time (by default none). @function o-related-color($name, $max-recursions: 0, $original-name: $name, $use-cc-bg: false){@if $use-cc-bg{$name: use-cc-bg($name);}@else if type-of($name) == 'number'{@return $name;}@if $max-recursions < 0 or check-color-identifier-type($name){@return $name;}$-value: null; @if map-has-key($o-color-palette, $name){$-value: map-get($o-color-palette, $name);}@else if map-has-key($o-theme-color-palette, $name){$-value: map-get($o-theme-color-palette, $name);}@else if map-has-key($o-gray-color-palette, $name){$-value: map-get($o-gray-color-palette, $name);}@return o-related-color($-value, $max-recursions - 1, $original-name);}// Function which allows to retrieve a color value from a name, the color being // either in $theme-colors, $grays or $colors maps. If those maps are not // initialized yet, it will look up the color in the related odoo palettes. @function o-color($name){$name: use-cc-bg($name); @if check-color-identifier-type($name){@return $name;}// When the system is initialized, it means that the bootstrap maps have // been configured and contain a direct mapping between color name -> css // value. We can thus search in those. @if $o-color-system-initialized{@if map-has-key($colors, $name){@return color($name);}@if map-has-key($theme-colors, $name){@return theme-color($name);}@if map-has-key($grays, $name){@return gray($name);}}// If not initialized, search the css color value in selected color palettes @return o-related-color($name, $max-recursions: 10, $use-cc-bg: true);}// Same as 'increase-contrast' except that the color is not changed if the given // related color name is part of the given exclusion list (default to a global // exclusion list which can be extended by other apps). $o-we-auto-contrast-exclusions: () !default; @function auto-contrast($color1, $color2, $color1-name, $exclude: $o-we-auto-contrast-exclusions){@if index($exclude, $color1-name){@return $color1;}@return increase-contrast($color1, $color2);}// Replace invalid characters used for colors in url. // (e.g. "rgba(0, 0, 0, .5)" or "#111111"). @function encode-color($colors){$colors: str-replace($colors, '#', '%23'); $colors: str-replace($colors, '(', '%28'); $colors: str-replace($colors, ')', '%29'); $colors: str-replace($colors, ',', '%2C'); $colors: str-replace($colors, ' ', '%20'); @return $colors;}

/* /web_enterprise/static/src/legacy/scss/secondary_variables.scss defined in bundle 'web.assets_frontend' */
 $o-form-lightsecondary: $o-gray-200 !default; $o-tooltip-background-color: $o-view-background-color !default; $o-tooltip-color: $o-main-text-color !default; $o-tooltip-arrow-color: $o-main-text-color !default; // Needed for having no spacing between sheet and mail body in mass_mailing: // Different required cancel paddings between web and web_enterprise $o-sheet-cancel-tpadding: $o-horizontal-padding !default; $o-sheet-cancel-bpadding: $o-horizontal-padding + $o-sheet-vpadding !default; // Side chatter $o-chatter-min-width: 530px !default; // Safest for the next value would be map-get($container-max-widths, lg) as it // is the minimal width of the default form view design for md/lg sizes $o-form-sheet-min-width: 990px !default; 

/* /website/static/src/scss/user_custom_bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */
// // /!\ // This file is meant to regroup your bootstrap customizations. In that file, // you must define variables *ONLY*. If you want to introduce new CSS rules // for your website, check the 'user_custom_rules.scss' file you can also edit. // /!\ // // You can change the value of a variable you can find in the bootstrap 4 // documentation (or in the file /web/static/lib/bootstrap/scss/_variables.scss) // and Odoo will automatically adapt its design to your new bootstrap. For // example, doing this will make some shadows and gradients appear, especially // for your buttons design: // // $enable-shadows: true; // $enable-gradients: true; // // Notice that Odoo already overrides bootstrap variables according to your // choices via the website builder (especially 3rd tab of the editor panel). You // should first take a look at it and do customizations this way. Indeed, if you // override the same variables yourself, Odoo will either have to ignore them or // not be able to make the website builder work properly for these variables // anymore. // 

/* /website/static/src/scss/bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */
// // Color system // // Use auto threshold for yiq colors // Note: also need to be defined here so that color-yiq below works $yiq-contrasted-threshold: false !default; // Customize the light and dark text colors for use in our YIQ color contrast function. $yiq-text-dark: o-color('900') !default; $yiq-text-light: o-color('white') !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; // Need to predefine as used below // Body // // Settings for the `<body>` element. // Bootstrap uses $body-bg as default value for multiple variables but also in // the creation of CSS rules (not controlled by variables), which is wrong in // case of Odoo boxed layouts. In stable versions, this is fixed for default // variable values of critical components only. In 16.0, the problem increased // as $body-bg was even more used in BS 5.1.3. That will be fixed entirely in a // slightly less stable way: $body-bg will now be the boxed-layout color instead // of the behind-the-box color. In future bootstrap version (> 5.1.3), this // changed again so this logic may change again too. $body-bg: if(o-website-value('layout') != 'full', o-color('body'), o-color('o-cc1-bg')) !default; $body-color: o-color('o-cc1-text') or color-yiq(o-color('o-cc1-bg')) !default; // Links // // Style anchor elements. $-link-color: o-color('o-cc1-link'); $-link-color: if($-link-color, $-link-color, o-color('primary')); $link-color: auto-contrast($-link-color, o-color('o-cc1-bg'), 'o-cc1-link') !default; $link-hover-color: auto-contrast(darken($link-color, 15%), o-color('o-cc1-bg'), 'o-cc1-link') !default; $link-decoration: if(o-website-value('link-underline') == 'always', underline, none) !default; $link-hover-decoration: if(o-website-value('link-underline') != 'never', underline, none) !default; // Components // // Define common padding and border radius sizes and more. // Note: for the 'active' color, color preset edition is not really flexible but // this could come in a future update. $component-active-bg: o-color('o-cc1-btn-primary') !default; $component-active-color: if($component-active-bg, color-yiq($component-active-bg), null) !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-family-sans-serif: $o-theme-font !default; $font-size-base: o-website-value('font-size-base') !default; $h1-font-size: $font-size-base * $o-theme-h1-font-size-multiplier !default; $h2-font-size: $font-size-base * $o-theme-h2-font-size-multiplier !default; $h3-font-size: $font-size-base * $o-theme-h3-font-size-multiplier !default; $h4-font-size: $font-size-base * $o-theme-h4-font-size-multiplier !default; $h5-font-size: $font-size-base * $o-theme-h5-font-size-multiplier !default; $h6-font-size: $font-size-base * $o-theme-h6-font-size-multiplier !default; $headings-font-family: $o-theme-headings-font !default; $headings-color: o-color('o-cc1-headings') !default; $lead-font-size: 1.125rem !default; $text-muted: mute-color($body-color) !default; // Buttons // // For each of Bootstrap's buttons, define text, background, and border color. $btn-padding-y: o-website-value('btn-padding-y') !default; $btn-padding-x: o-website-value('btn-padding-x') !default; $btn-font-size: o-website-value('btn-font-size') !default; $btn-padding-y-sm: o-website-value('btn-padding-y-sm') !default; $btn-padding-x-sm: o-website-value('btn-padding-x-sm') !default; $btn-font-size-sm: o-website-value('btn-font-size-sm') !default; $btn-padding-y-lg: o-website-value('btn-padding-y-lg') !default; $btn-padding-x-lg: o-website-value('btn-padding-x-lg') !default; $btn-font-size-lg: o-website-value('btn-font-size-lg') !default; $btn-border-width: o-website-value('btn-border-width') !default; $btn-border-radius: o-website-value('btn-border-radius') !default; $btn-border-radius-lg: o-website-value('btn-border-radius-lg') !default; $btn-border-radius-sm: o-website-value('btn-border-radius-sm') !default; // Forms $input-padding-y: o-website-value('input-padding-y') !default; $input-padding-x: o-website-value('input-padding-x') !default; $input-font-size: o-website-value('input-font-size') !default; $input-padding-y-sm: o-website-value('input-padding-y-sm') !default; $input-padding-x-sm: o-website-value('input-padding-x-sm') !default; $input-font-size-sm: o-website-value('input-font-size-sm') !default; $input-padding-y-lg: o-website-value('input-padding-y-lg') !default; $input-padding-x-lg: o-website-value('input-padding-x-lg') !default; $input-font-size-lg: o-website-value('input-font-size-lg') !default; $input-border-width: o-website-value('input-border-width') !default; $input-border-radius: o-website-value('input-border-radius') !default; $input-border-radius-lg: o-website-value('input-border-radius-lg') !default; $input-border-radius-sm: o-website-value('input-border-radius-sm') !default; // Navs $nav-tabs-link-active-bg: o-color('o-cc1-bg') !default; // Navbar // Increase default navbar padding for some navbar styles $navbar-padding-y: if(index(('fill', 'pills', 'outline'), o-website-value('header-links-style')), ($spacer / 2) * 1.25, null) !default; $navbar-nav-link-padding-x: if(index(('outline', 'block'), o-website-value('header-links-style')), .5rem * 3, null) !default; $navbar-nav-link-padding-x: if(o-website-value('header-links-style') == 'border-bottom', .5rem * 2, null) !default; // Jumbotron $jumbotron-bg: transparent !default; // Bootstrap Review $o-btn-outline-defaults: () !default; @each $color in ('primary', 'secondary'){@if o-website-value('btn-#{$color}-outline'){$o-btn-outline-defaults: append($o-btn-outline-defaults, $color);}}// Increase default navbar pills padding for 'pills' mode and add big radius $o-navbar-nav-pills-link-padding-x: if(o-website-value('header-links-style') == 'pills', 1rem * 1.5, null) !default; $o-navbar-nav-pills-link-border-radius: if(o-website-value('header-links-style') == 'pills', 10rem, null) !default; 

/* /portal/static/src/scss/bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */
// This variable affects the `.h-*` and `.w-*` classes. $sizes: () !default; $sizes: map-merge(( 0: 0, ), $sizes); // Body // // Settings for the `<body>` element. $body-bg: $o-portal-default-body-bg !default; // Fonts // // Font, line-height, and color for body text, headings, and more. $font-size-sm: (12 / 16) * 1rem !default; // Buttons // // For each of Bootstrap's buttons, define text, background, and border color. $btn-padding-y-sm: (1 / 16) * 1rem !default; $btn-padding-x-sm: (5 / 16) * 1rem !default; // Navbar $navbar-dark-toggler-border-color: transparent; $navbar-light-toggler-border-color: transparent; // Modals $modal-lg: $o-modal-lg; $modal-md: $o-modal-md; 

/* /web_editor/static/src/scss/bootstrap_overridden.scss defined in bundle 'web.assets_frontend' */
// Use auto threshold for yiq colors $yiq-contrasted-threshold: false !default; // Automatically update bootstrap colors map (unused by BS itself) $colors: () !default; @each $name, $color in $o-color-palette{$colors: map-merge(('#{$name}': o-color($color)), $colors);}$o-btn-bg-colors: () !default; $o-btn-border-colors: () !default; @if not (variable-exists('prevent-backend-colors-alteration') and $prevent-backend-colors-alteration){$o-btn-bg-colors: map-merge(( 'primary': o-color('o-cc1-btn-primary'), 'secondary': o-color('o-cc1-btn-secondary'), ), $o-btn-bg-colors); $o-btn-border-colors: map-merge(( 'primary': o-color('o-cc1-btn-primary-border'), 'secondary': o-color('o-cc1-btn-secondary-border'), ), $o-btn-border-colors);}// Automatically extend bootstrap to create theme background/text/button classes $theme-colors: () !default; @each $name, $color in $o-theme-color-palette{$theme-colors: map-merge(('#{$name}': o-color($color)), $theme-colors);}// Automatically extend bootstrap gray palette (the theme palette is supposed to // at least declare white and black) $grays: () !default; @each $name, $color in $o-gray-color-palette{$grays: map-merge(('#{$name}': o-color($color)), $grays);}// Detach colors that are used for backend UI (see comment linked to the // prevent-backend-colors-alteration for more information) @if variable-exists('prevent-backend-colors-alteration') and $prevent-backend-colors-alteration{$theme-colors: map-remove($theme-colors, 'primary', 'secondary', 'success', 'info', 'warning', 'danger', 'light', 'dark'); $grays: map-remove($grays, '100', '200', '300', '400', '500', '600', '700', '800', '900');}// Bootstrap use standard variables to define individual colors which are then // placed into a map which is then used to get the value of each individual // color. As BS4 allows to extend the map a priori to define our own colors, // it does not take care of making the standard variables match the values in // the user's map. The problem is that, at least for grays, bootstrap uses the // standard variables in its _variables.scss file, so if: // // User file: // $grays: ( // '100': blue, // ); // // BS4: // $gray-100: gray !default; // $grays: () !default; // $grays: map-merge(( // '100': $gray-100, // ), $grays); // // -> Here gray('100') is blue but $gray-100 is still gray... so BS4 is not // correctly generated as BS4 uses $gray-100 in _variables.scss $primary: theme-color('primary') !default; $secondary: theme-color('secondary') !default; $success: theme-color('success') !default; $info: theme-color('info') !default; $warning: theme-color('warning') !default; $danger: theme-color('danger') !default; $light: theme-color('light') !default; $dark: theme-color('dark') !default; $white: gray('white') !default; $gray-100: gray('100') !default; $gray-200: gray('200') !default; $gray-300: gray('300') !default; $gray-400: gray('400') !default; $gray-500: gray('500') !default; $gray-600: gray('600') !default; $gray-700: gray('700') !default; $gray-800: gray('800') !default; $gray-900: gray('900') !default; $black: gray('black') !default; $o-color-system-initialized: true; 

/* /web/static/src/legacy/scss/bootstrap_overridden_frontend.scss defined in bundle 'web.assets_frontend' */
// Fonts // // Font, line-height, and color for body text, headings, and more. $font-size-base: (14 / 16) * 1rem !default; // Inherit color for blockquote-footer, use text-muted on top of it if you want // a muted one. This is defined here to be consistent in the whole frontend, as // when used with background classes, it should not be forced to a gray color. $blockquote-small-color: inherit !default; // Figures // Inherit color for figure-caption, use text-muted on top of it if you want // a muted one. This is defined here to be consistent in the whole frontend, as // when used with background classes, it should not be forced to a gray color. $figure-caption-color: inherit !default; 

/* /web/static/lib/bootstrap/scss/_variables.scss defined in bundle 'web.assets_frontend' */
// Variables // // Variables should follow the `$component-state-property-size` formula for // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. // Color system $white: #fff !default; $gray-100: #f8f9fa !default; $gray-200: #e9ecef !default; $gray-300: #dee2e6 !default; $gray-400: #ced4da !default; $gray-500: #adb5bd !default; $gray-600: #6c757d !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default; $grays: () !default; // stylelint-disable-next-line scss/dollar-variable-default $grays: map-merge( ( "100": $gray-100, "200": $gray-200, "300": $gray-300, "400": $gray-400, "500": $gray-500, "600": $gray-600, "700": $gray-700, "800": $gray-800, "900": $gray-900 ), $grays ); $blue: #007bff !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: #e83e8c !default; $red: #dc3545 !default; $orange: #fd7e14 !default; $yellow: #ffc107 !default; $green: #28a745 !default; $teal: #20c997 !default; $cyan: #17a2b8 !default; $colors: () !default; // stylelint-disable-next-line scss/dollar-variable-default $colors: map-merge( ( "blue": $blue, "indigo": $indigo, "purple": $purple, "pink": $pink, "red": $red, "orange": $orange, "yellow": $yellow, "green": $green, "teal": $teal, "cyan": $cyan, "white": $white, "gray": $gray-600, "gray-dark": $gray-800 ), $colors ); $primary: $blue !default; $secondary: $gray-600 !default; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-800 !default; $theme-colors: () !default; // stylelint-disable-next-line scss/dollar-variable-default $theme-colors: map-merge( ( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark ), $theme-colors ); // Set a specific jump point for requesting color jumps $theme-color-interval: 8% !default; // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255. $yiq-contrasted-threshold: 150 !default; // Customize the light and dark text colors for use in our YIQ color contrast function. $yiq-text-dark: $gray-900 !default; $yiq-text-light: $white !default; // Options // // Quickly modify global styling by enabling or disabling optional features. $enable-caret: true !default; $enable-rounded: true !default; $enable-shadows: false !default; $enable-gradients: false !default; $enable-transitions: true !default; $enable-prefers-reduced-motion-media-query: true !default; $enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS $enable-grid-classes: true !default; $enable-pointer-cursor-for-buttons: true !default; $enable-print-styles: true !default; $enable-responsive-font-sizes: false !default; $enable-validation-icons: true !default; $enable-deprecation-messages: true !default; // Spacing // // Control the default styling of most Bootstrap elements by modifying these // variables. Mostly focused on spacing. // You can add more entries to the $spacers map, should you need more variation. $spacer: 1rem !default; $spacers: () !default; // stylelint-disable-next-line scss/dollar-variable-default $spacers: map-merge( ( 0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3) ), $spacers ); // This variable affects the `.h-*` and `.w-*` classes. $sizes: () !default; // stylelint-disable-next-line scss/dollar-variable-default $sizes: map-merge( ( 25: 25%, 50: 50%, 75: 75%, 100: 100%, auto: auto ), $sizes ); // Body // // Settings for the `<body>` element. $body-bg: $white !default; $body-color: $gray-900 !default; // Links // // Style anchor elements. $link-color: theme-color("primary") !default; $link-decoration: none !default; $link-hover-color: darken($link-color, 15%) !default; $link-hover-decoration: underline !default; // Darken percentage for links with `.text-*` class (e.g. `.text-success`) $emphasized-link-hover-darken-percentage: 15% !default; // Paragraphs // // Style p element. $paragraph-margin-bottom: 1rem !default; // Grid breakpoints // // Define the minimum dimensions at which your layout will change, // adapting to different screen sizes, for use in media queries. $grid-breakpoints: ( xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px ) !default; @include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); @include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints"); // Grid containers // // Define the maximum width of `.container` for different screen sizes. $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px ) !default; @include _assert-ascending($container-max-widths, "$container-max-widths"); // Grid columns // // Set the number of columns and specify the width of the gutters. $grid-columns: 12 !default; $grid-gutter-width: 30px !default; // Components // // Define common padding and border radius sizes and more. $line-height-lg: 1.5 !default; $line-height-sm: 1.5 !default; $border-width: 1px !default; $border-color: $gray-300 !default; $border-radius: .25rem !default; $border-radius-lg: .3rem !default; $border-radius-sm: .2rem !default; $rounded-pill: 50rem !default; $box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default; $box-shadow: 0 .5rem 1rem rgba($black, .15) !default; $box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default; $component-active-color: $white !default; $component-active-bg: theme-color("primary") !default; $caret-width: .3em !default; $caret-vertical-align: $caret-width * .85 !default; $caret-spacing: $caret-width * .85 !default; $transition-base: all .2s ease-in-out !default; $transition-fade: opacity .15s linear !default; $transition-collapse: height .35s ease !default; $embed-responsive-aspect-ratios: () !default; // stylelint-disable-next-line scss/dollar-variable-default $embed-responsive-aspect-ratios: join( ( (21 9), (16 9), (4 3), (1 1), ), $embed-responsive-aspect-ratios ); // Typography // // Font, line-height, and color for body text, headings, and more. // stylelint-disable value-keyword-case $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default; $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default; $font-family-base: $font-family-sans-serif !default; // stylelint-enable value-keyword-case $font-size-base: 1rem !default; // Assumes the browser default, typically `16px` $font-size-lg: $font-size-base * 1.25 !default; $font-size-sm: $font-size-base * .875 !default; $font-weight-lighter: lighter !default; $font-weight-light: 300 !default; $font-weight-normal: 400 !default; $font-weight-bold: 700 !default; $font-weight-bolder: bolder !default; $font-weight-base: $font-weight-normal !default; $line-height-base: 1.5 !default; $h1-font-size: $font-size-base * 2.5 !default; $h2-font-size: $font-size-base * 2 !default; $h3-font-size: $font-size-base * 1.75 !default; $h4-font-size: $font-size-base * 1.5 !default; $h5-font-size: $font-size-base * 1.25 !default; $h6-font-size: $font-size-base !default; $headings-margin-bottom: $spacer / 2 !default; $headings-font-family: null !default; $headings-font-weight: 500 !default; $headings-line-height: 1.2 !default; $headings-color: null !default; $display1-size: 6rem !default; $display2-size: 5.5rem !default; $display3-size: 4.5rem !default; $display4-size: 3.5rem !default; $display1-weight: 300 !default; $display2-weight: 300 !default; $display3-weight: 300 !default; $display4-weight: 300 !default; $display-line-height: $headings-line-height !default; $lead-font-size: $font-size-base * 1.25 !default; $lead-font-weight: 300 !default; $small-font-size: 80% !default; $text-muted: $gray-600 !default; $blockquote-small-color: $gray-600 !default; $blockquote-small-font-size: $small-font-size !default; $blockquote-font-size: $font-size-base * 1.25 !default; $hr-border-color: rgba($black, .1) !default; $hr-border-width: $border-width !default; $mark-padding: .2em !default; $dt-font-weight: $font-weight-bold !default; $kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default; $nested-kbd-font-weight: $font-weight-bold !default; $list-inline-padding: .5rem !default; $mark-bg: #fcf8e3 !default; $hr-margin-y: $spacer !default; // Tables // // Customizes the `.table` component with basic values, each used across all table variations. $table-cell-padding: .75rem !default; $table-cell-padding-sm: .3rem !default; $table-color: $body-color !default; $table-bg: null !default; $table-accent-bg: rgba($black, .05) !default; $table-hover-color: $table-color !default; $table-hover-bg: rgba($black, .075) !default; $table-active-bg: $table-hover-bg !default; $table-border-width: $border-width !default; $table-border-color: $border-color !default; $table-head-bg: $gray-200 !default; $table-head-color: $gray-700 !default; $table-dark-color: $white !default; $table-dark-bg: $gray-800 !default; $table-dark-accent-bg: rgba($white, .05) !default; $table-dark-hover-color: $table-dark-color !default; $table-dark-hover-bg: rgba($white, .075) !default; $table-dark-border-color: lighten($table-dark-bg, 7.5%) !default; $table-dark-color: $white !default; $table-striped-order: odd !default; $table-caption-color: $text-muted !default; $table-bg-level: -9 !default; $table-border-level: -6 !default; // Buttons + Forms // // Shared variables that are reassigned to `$input-` and `$btn-` specific variables. $input-btn-padding-y: .375rem !default; $input-btn-padding-x: .75rem !default; $input-btn-font-family: null !default; $input-btn-font-size: $font-size-base !default; $input-btn-line-height: $line-height-base !default; $input-btn-focus-width: .2rem !default; $input-btn-focus-color: rgba($component-active-bg, .25) !default; $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; $input-btn-font-size-sm: $font-size-sm !default; $input-btn-line-height-sm: $line-height-sm !default; $input-btn-padding-y-lg: .5rem !default; $input-btn-padding-x-lg: 1rem !default; $input-btn-font-size-lg: $font-size-lg !default; $input-btn-line-height-lg: $line-height-lg !default; $input-btn-border-width: $border-width !default; // Buttons // // For each of Bootstrap's buttons, define text, background, and border color. $btn-padding-y: $input-btn-padding-y !default; $btn-padding-x: $input-btn-padding-x !default; $btn-font-family: $input-btn-font-family !default; $btn-font-size: $input-btn-font-size !default; $btn-line-height: $input-btn-line-height !default; $btn-padding-y-sm: $input-btn-padding-y-sm !default; $btn-padding-x-sm: $input-btn-padding-x-sm !default; $btn-font-size-sm: $input-btn-font-size-sm !default; $btn-line-height-sm: $input-btn-line-height-sm !default; $btn-padding-y-lg: $input-btn-padding-y-lg !default; $btn-padding-x-lg: $input-btn-padding-x-lg !default; $btn-font-size-lg: $input-btn-font-size-lg !default; $btn-line-height-lg: $input-btn-line-height-lg !default; $btn-border-width: $input-btn-border-width !default; $btn-font-weight: $font-weight-normal !default; $btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default; $btn-focus-width: $input-btn-focus-width !default; $btn-focus-box-shadow: $input-btn-focus-box-shadow !default; $btn-disabled-opacity: .65 !default; $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default; $btn-link-disabled-color: $gray-600 !default; $btn-block-spacing-y: .5rem !default; // Allows for customizing button radius independently from global border radius $btn-border-radius: $border-radius !default; $btn-border-radius-lg: $border-radius-lg !default; $btn-border-radius-sm: $border-radius-sm !default; $btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; // Forms $label-margin-bottom: .5rem !default; $input-padding-y: $input-btn-padding-y !default; $input-padding-x: $input-btn-padding-x !default; $input-font-family: $input-btn-font-family !default; $input-font-size: $input-btn-font-size !default; $input-font-weight: $font-weight-base !default; $input-line-height: $input-btn-line-height !default; $input-padding-y-sm: $input-btn-padding-y-sm !default; $input-padding-x-sm: $input-btn-padding-x-sm !default; $input-font-size-sm: $input-btn-font-size-sm !default; $input-line-height-sm: $input-btn-line-height-sm !default; $input-padding-y-lg: $input-btn-padding-y-lg !default; $input-padding-x-lg: $input-btn-padding-x-lg !default; $input-font-size-lg: $input-btn-font-size-lg !default; $input-line-height-lg: $input-btn-line-height-lg !default; $input-bg: $white !default; $input-disabled-bg: $gray-200 !default; $input-color: $gray-700 !default; $input-border-color: $gray-400 !default; $input-border-width: $input-btn-border-width !default; $input-box-shadow: inset 0 1px 1px rgba($black, .075) !default; $input-border-radius: $border-radius !default; $input-border-radius-lg: $border-radius-lg !default; $input-border-radius-sm: $border-radius-sm !default; $input-focus-bg: $input-bg !default; $input-focus-border-color: lighten($component-active-bg, 25%) !default; $input-focus-color: $input-color !default; $input-focus-width: $input-btn-focus-width !default; $input-focus-box-shadow: $input-btn-focus-box-shadow !default; $input-placeholder-color: $gray-600 !default; $input-plaintext-color: $body-color !default; $input-height-border: $input-border-width * 2 !default; $input-height-inner: calc(#{$input-line-height * 1em}+ #{$input-padding-y * 2}) !default; $input-height-inner-half: calc(#{$input-line-height * .5em}+ #{$input-padding-y}) !default; $input-height-inner-quarter: calc(#{$input-line-height * .25em}+ #{$input-padding-y / 2}) !default; $input-height: calc(#{$input-line-height * 1em}+ #{$input-padding-y * 2}+ #{$input-height-border}) !default; $input-height-sm: calc(#{$input-line-height-sm * 1em}+ #{$input-btn-padding-y-sm * 2}+ #{$input-height-border}) !default; $input-height-lg: calc(#{$input-line-height-lg * 1em}+ #{$input-btn-padding-y-lg * 2}+ #{$input-height-border}) !default; $input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; $form-text-margin-top: .25rem !default; $form-check-input-gutter: 1.25rem !default; $form-check-input-margin-y: .3rem !default; $form-check-input-margin-x: .25rem !default; $form-check-inline-margin-x: .75rem !default; $form-check-inline-input-margin-x: .3125rem !default; $form-grid-gutter-width: 10px !default; $form-group-margin-bottom: 1rem !default; $input-group-addon-color: $input-color !default; $input-group-addon-bg: $gray-200 !default; $input-group-addon-border-color: $input-border-color !default; $custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default; $custom-control-gutter: .5rem !default; $custom-control-spacer-x: 1rem !default; $custom-control-indicator-size: 1rem !default; $custom-control-indicator-bg: $input-bg !default; $custom-control-indicator-bg-size: 50% 50% !default; $custom-control-indicator-box-shadow: $input-box-shadow !default; $custom-control-indicator-border-color: $gray-500 !default; $custom-control-indicator-border-width: $input-border-width !default; $custom-control-indicator-disabled-bg: $input-disabled-bg !default; $custom-control-label-disabled-color: $gray-600 !default; $custom-control-indicator-checked-color: $component-active-color !default; $custom-control-indicator-checked-bg: $component-active-bg !default; $custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default; $custom-control-indicator-checked-box-shadow: none !default; $custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default; $custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default; $custom-control-indicator-focus-border-color: $input-focus-border-color !default; $custom-control-indicator-active-color: $component-active-color !default; $custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default; $custom-control-indicator-active-box-shadow: none !default; $custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default; $custom-checkbox-indicator-border-radius: $border-radius !default; $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default; $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default; $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e"), "#", "%23") !default; $custom-checkbox-indicator-indeterminate-box-shadow: none !default; $custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default; $custom-radio-indicator-border-radius: 50% !default; $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e"), "#", "%23") !default; $custom-switch-width: $custom-control-indicator-size * 1.75 !default; $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default; $custom-switch-indicator-size: calc(#{$custom-control-indicator-size}- #{$custom-control-indicator-border-width * 4}) !default; $custom-select-padding-y: $input-padding-y !default; $custom-select-padding-x: $input-padding-x !default; $custom-select-font-family: $input-font-family !default; $custom-select-font-size: $input-font-size !default; $custom-select-height: $input-height !default; $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator $custom-select-font-weight: $input-font-weight !default; $custom-select-line-height: $input-line-height !default; $custom-select-color: $input-color !default; $custom-select-disabled-color: $gray-600 !default; $custom-select-bg: $input-bg !default; $custom-select-disabled-bg: $gray-200 !default; $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions $custom-select-indicator-color: $gray-800 !default; $custom-select-indicator: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), "#", "%23") !default; $custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon) $custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default; $custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default; $custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default; $custom-select-border-width: $input-border-width !default; $custom-select-border-color: $input-border-color !default; $custom-select-border-radius: $border-radius !default; $custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default; $custom-select-focus-border-color: $input-focus-border-color !default; $custom-select-focus-width: $input-focus-width !default; $custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default; $custom-select-padding-y-sm: $input-padding-y-sm !default; $custom-select-padding-x-sm: $input-padding-x-sm !default; $custom-select-font-size-sm: $input-font-size-sm !default; $custom-select-height-sm: $input-height-sm !default; $custom-select-padding-y-lg: $input-padding-y-lg !default; $custom-select-padding-x-lg: $input-padding-x-lg !default; $custom-select-font-size-lg: $input-font-size-lg !default; $custom-select-height-lg: $input-height-lg !default; $custom-range-track-width: 100% !default; $custom-range-track-height: .5rem !default; $custom-range-track-cursor: pointer !default; $custom-range-track-bg: $gray-300 !default; $custom-range-track-border-radius: 1rem !default; $custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default; $custom-range-thumb-width: 1rem !default; $custom-range-thumb-height: $custom-range-thumb-width !default; $custom-range-thumb-bg: $component-active-bg !default; $custom-range-thumb-border: 0 !default; $custom-range-thumb-border-radius: 1rem !default; $custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default; $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default; $custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default; $custom-range-thumb-disabled-bg: $gray-500 !default; $custom-file-height: $input-height !default; $custom-file-height-inner: $input-height-inner !default; $custom-file-focus-border-color: $input-focus-border-color !default; $custom-file-focus-box-shadow: $input-focus-box-shadow !default; $custom-file-disabled-bg: $input-disabled-bg !default; $custom-file-padding-y: $input-padding-y !default; $custom-file-padding-x: $input-padding-x !default; $custom-file-line-height: $input-line-height !default; $custom-file-font-family: $input-font-family !default; $custom-file-font-weight: $input-font-weight !default; $custom-file-color: $input-color !default; $custom-file-bg: $input-bg !default; $custom-file-border-width: $input-border-width !default; $custom-file-border-color: $input-border-color !default; $custom-file-border-radius: $input-border-radius !default; $custom-file-box-shadow: $input-box-shadow !default; $custom-file-button-color: $custom-file-color !default; $custom-file-button-bg: $input-group-addon-bg !default; $custom-file-text: ( en: "Browse" ) !default; // Form validation $form-feedback-margin-top: $form-text-margin-top !default; $form-feedback-font-size: $small-font-size !default; $form-feedback-valid-color: theme-color("success") !default; $form-feedback-invalid-color: theme-color("danger") !default; $form-feedback-icon-valid-color: $form-feedback-valid-color !default; $form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default; $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default; $form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default; $form-validation-states: () !default; // stylelint-disable-next-line scss/dollar-variable-default $form-validation-states: map-merge( ( "valid": ( "color": $form-feedback-valid-color, "icon": $form-feedback-icon-valid ), "invalid": ( "color": $form-feedback-invalid-color, "icon": $form-feedback-icon-invalid ), ), $form-validation-states ); // Z-index master list // // Warning: Avoid customizing these values. They're used for a bird's eye view // of components dependent on the z-axis and are designed to all work together. $zindex-dropdown: 1000 !default; $zindex-sticky: 1020 !default; $zindex-fixed: 1030 !default; $zindex-modal-backdrop: 1040 !default; $zindex-modal: 1050 !default; $zindex-popover: 1060 !default; $zindex-tooltip: 1070 !default; // Navs $nav-link-padding-y: .5rem !default; $nav-link-padding-x: 1rem !default; $nav-link-disabled-color: $gray-600 !default; $nav-tabs-border-color: $gray-300 !default; $nav-tabs-border-width: $border-width !default; $nav-tabs-border-radius: $border-radius !default; $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default; $nav-tabs-link-active-color: $gray-700 !default; $nav-tabs-link-active-bg: $body-bg !default; $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default; $nav-pills-border-radius: $border-radius !default; $nav-pills-link-active-color: $component-active-color !default; $nav-pills-link-active-bg: $component-active-bg !default; $nav-divider-color: $gray-200 !default; $nav-divider-margin-y: $spacer / 2 !default; // Navbar $navbar-padding-y: $spacer / 2 !default; $navbar-padding-x: $spacer !default; $navbar-nav-link-padding-x: .5rem !default; $navbar-brand-font-size: $font-size-lg !default; // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default; $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default; $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default; $navbar-toggler-padding-y: .25rem !default; $navbar-toggler-padding-x: .75rem !default; $navbar-toggler-font-size: $font-size-lg !default; $navbar-toggler-border-radius: $btn-border-radius !default; $navbar-dark-color: rgba($white, .5) !default; $navbar-dark-hover-color: rgba($white, .75) !default; $navbar-dark-active-color: $white !default; $navbar-dark-disabled-color: rgba($white, .25) !default; $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default; $navbar-dark-toggler-border-color: rgba($white, .1) !default; $navbar-light-color: rgba($black, .5) !default; $navbar-light-hover-color: rgba($black, .7) !default; $navbar-light-active-color: rgba($black, .9) !default; $navbar-light-disabled-color: rgba($black, .3) !default; $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default; $navbar-light-toggler-border-color: rgba($black, .1) !default; $navbar-light-brand-color: $navbar-light-active-color !default; $navbar-light-brand-hover-color: $navbar-light-active-color !default; $navbar-dark-brand-color: $navbar-dark-active-color !default; $navbar-dark-brand-hover-color: $navbar-dark-active-color !default; // Dropdowns // // Dropdown menu container and contents. $dropdown-min-width: 10rem !default; $dropdown-padding-y: .5rem !default; $dropdown-spacer: .125rem !default; $dropdown-font-size: $font-size-base !default; $dropdown-color: $body-color !default; $dropdown-bg: $white !default; $dropdown-border-color: rgba($black, .15) !default; $dropdown-border-radius: $border-radius !default; $dropdown-border-width: $border-width !default; $dropdown-inner-border-radius: calc(#{$dropdown-border-radius}- #{$dropdown-border-width}) !default; $dropdown-divider-bg: $gray-200 !default; $dropdown-divider-margin-y: $nav-divider-margin-y !default; $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default; $dropdown-link-color: $gray-900 !default; $dropdown-link-hover-color: darken($gray-900, 5%) !default; $dropdown-link-hover-bg: $gray-100 !default; $dropdown-link-active-color: $component-active-color !default; $dropdown-link-active-bg: $component-active-bg !default; $dropdown-link-disabled-color: $gray-600 !default; $dropdown-item-padding-y: .25rem !default; $dropdown-item-padding-x: 1.5rem !default; $dropdown-header-color: $gray-600 !default; // Pagination $pagination-padding-y: .5rem !default; $pagination-padding-x: .75rem !default; $pagination-padding-y-sm: .25rem !default; $pagination-padding-x-sm: .5rem !default; $pagination-padding-y-lg: .75rem !default; $pagination-padding-x-lg: 1.5rem !default; $pagination-line-height: 1.25 !default; $pagination-color: $link-color !default; $pagination-bg: $white !default; $pagination-border-width: $border-width !default; $pagination-border-color: $gray-300 !default; $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default; $pagination-focus-outline: 0 !default; $pagination-hover-color: $link-hover-color !default; $pagination-hover-bg: $gray-200 !default; $pagination-hover-border-color: $gray-300 !default; $pagination-active-color: $component-active-color !default; $pagination-active-bg: $component-active-bg !default; $pagination-active-border-color: $pagination-active-bg !default; $pagination-disabled-color: $gray-600 !default; $pagination-disabled-bg: $white !default; $pagination-disabled-border-color: $gray-300 !default; // Jumbotron $jumbotron-padding: 2rem !default; $jumbotron-color: null !default; $jumbotron-bg: $gray-200 !default; // Cards $card-spacer-y: .75rem !default; $card-spacer-x: 1.25rem !default; $card-border-width: $border-width !default; $card-border-radius: $border-radius !default; $card-border-color: rgba($black, .125) !default; $card-inner-border-radius: calc(#{$card-border-radius}- #{$card-border-width}) !default; $card-cap-bg: rgba($black, .03) !default; $card-cap-color: null !default; $card-color: null !default; $card-bg: $white !default; $card-img-overlay-padding: 1.25rem !default; $card-group-margin: $grid-gutter-width / 2 !default; $card-deck-margin: $card-group-margin !default; $card-columns-count: 3 !default; $card-columns-gap: 1.25rem !default; $card-columns-margin: $card-spacer-y !default; // Tooltips $tooltip-font-size: $font-size-sm !default; $tooltip-max-width: 200px !default; $tooltip-color: $white !default; $tooltip-bg: $black !default; $tooltip-border-radius: $border-radius !default; $tooltip-opacity: .9 !default; $tooltip-padding-y: .25rem !default; $tooltip-padding-x: .5rem !default; $tooltip-margin: 0 !default; $tooltip-arrow-width: .8rem !default; $tooltip-arrow-height: .4rem !default; $tooltip-arrow-color: $tooltip-bg !default; // Form tooltips must come after regular tooltips $form-feedback-tooltip-padding-y: $tooltip-padding-y !default; $form-feedback-tooltip-padding-x: $tooltip-padding-x !default; $form-feedback-tooltip-font-size: $tooltip-font-size !default; $form-feedback-tooltip-line-height: $line-height-base !default; $form-feedback-tooltip-opacity: $tooltip-opacity !default; $form-feedback-tooltip-border-radius: $tooltip-border-radius !default; // Popovers $popover-font-size: $font-size-sm !default; $popover-bg: $white !default; $popover-max-width: 276px !default; $popover-border-width: $border-width !default; $popover-border-color: rgba($black, .2) !default; $popover-border-radius: $border-radius-lg !default; $popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default; $popover-header-bg: darken($popover-bg, 3%) !default; $popover-header-color: $headings-color !default; $popover-header-padding-y: .5rem !default; $popover-header-padding-x: .75rem !default; $popover-body-color: $body-color !default; $popover-body-padding-y: $popover-header-padding-y !default; $popover-body-padding-x: $popover-header-padding-x !default; $popover-arrow-width: 1rem !default; $popover-arrow-height: .5rem !default; $popover-arrow-color: $popover-bg !default; $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default; // Toasts $toast-max-width: 350px !default; $toast-padding-x: .75rem !default; $toast-padding-y: .25rem !default; $toast-font-size: .875rem !default; $toast-color: null !default; $toast-background-color: rgba($white, .85) !default; $toast-border-width: 1px !default; $toast-border-color: rgba(0, 0, 0, .1) !default; $toast-border-radius: .25rem !default; $toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default; $toast-header-color: $gray-600 !default; $toast-header-background-color: rgba($white, .85) !default; $toast-header-border-color: rgba(0, 0, 0, .05) !default; // Badges $badge-font-size: 75% !default; $badge-font-weight: $font-weight-bold !default; $badge-padding-y: .25em !default; $badge-padding-x: .4em !default; $badge-border-radius: $border-radius !default; $badge-transition: $btn-transition !default; $badge-focus-width: $input-btn-focus-width !default; $badge-pill-padding-x: .6em !default; // Use a higher than normal value to ensure completely rounded edges when // customizing padding or font-size on labels. $badge-pill-border-radius: 10rem !default; // Modals // Padding applied to the modal body $modal-inner-padding: 1rem !default; $modal-dialog-margin: .5rem !default; $modal-dialog-margin-y-sm-up: 1.75rem !default; $modal-title-line-height: $line-height-base !default; $modal-content-color: null !default; $modal-content-bg: $white !default; $modal-content-border-color: rgba($black, .2) !default; $modal-content-border-width: $border-width !default; $modal-content-border-radius: $border-radius-lg !default; $modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default; $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default; $modal-backdrop-bg: $black !default; $modal-backdrop-opacity: .5 !default; $modal-header-border-color: $border-color !default; $modal-footer-border-color: $modal-header-border-color !default; $modal-header-border-width: $modal-content-border-width !default; $modal-footer-border-width: $modal-header-border-width !default; $modal-header-padding-y: 1rem !default; $modal-header-padding-x: 1rem !default; $modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility $modal-xl: 1140px !default; $modal-lg: 800px !default; $modal-md: 500px !default; $modal-sm: 300px !default; $modal-fade-transform: translate(0, -50px) !default; $modal-show-transform: none !default; $modal-transition: transform .3s ease-out !default; // Alerts // // Define alert colors, border radius, and padding. $alert-padding-y: .75rem !default; $alert-padding-x: 1.25rem !default; $alert-margin-bottom: 1rem !default; $alert-border-radius: $border-radius !default; $alert-link-font-weight: $font-weight-bold !default; $alert-border-width: $border-width !default; $alert-bg-level: -10 !default; $alert-border-level: -9 !default; $alert-color-level: 6 !default; // Progress bars $progress-height: 1rem !default; $progress-font-size: $font-size-base * .75 !default; $progress-bg: $gray-200 !default; $progress-border-radius: $border-radius !default; $progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default; $progress-bar-color: $white !default; $progress-bar-bg: theme-color("primary") !default; $progress-bar-animation-timing: 1s linear infinite !default; $progress-bar-transition: width .6s ease !default; // List group $list-group-color: null !default; $list-group-bg: $white !default; $list-group-border-color: rgba($black, .125) !default; $list-group-border-width: $border-width !default; $list-group-border-radius: $border-radius !default; $list-group-item-padding-y: .75rem !default; $list-group-item-padding-x: 1.25rem !default; $list-group-hover-bg: $gray-100 !default; $list-group-active-color: $component-active-color !default; $list-group-active-bg: $component-active-bg !default; $list-group-active-border-color: $list-group-active-bg !default; $list-group-disabled-color: $gray-600 !default; $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: $gray-700 !default; $list-group-action-hover-color: $list-group-action-color !default; $list-group-action-active-color: $body-color !default; $list-group-action-active-bg: $gray-200 !default; // Image thumbnails $thumbnail-padding: .25rem !default; $thumbnail-bg: $body-bg !default; $thumbnail-border-width: $border-width !default; $thumbnail-border-color: $gray-300 !default; $thumbnail-border-radius: $border-radius !default; $thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default; // Figures $figure-caption-font-size: 90% !default; $figure-caption-color: $gray-600 !default; // Breadcrumbs $breadcrumb-padding-y: .75rem !default; $breadcrumb-padding-x: 1rem !default; $breadcrumb-item-padding: .5rem !default; $breadcrumb-margin-bottom: 1rem !default; $breadcrumb-bg: $gray-200 !default; $breadcrumb-divider-color: $gray-600 !default; $breadcrumb-active-color: $gray-600 !default; $breadcrumb-divider: quote("/") !default; $breadcrumb-border-radius: $border-radius !default; // Carousel $carousel-control-color: $white !default; $carousel-control-width: 15% !default; $carousel-control-opacity: .5 !default; $carousel-control-hover-opacity: .9 !default; $carousel-control-transition: opacity .15s ease !default; $carousel-indicator-width: 30px !default; $carousel-indicator-height: 3px !default; $carousel-indicator-hit-area-height: 10px !default; $carousel-indicator-spacer: 3px !default; $carousel-indicator-active-bg: $white !default; $carousel-indicator-transition: opacity .6s ease !default; $carousel-caption-width: 70% !default; $carousel-caption-color: $white !default; $carousel-control-icon-width: 20px !default; $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"), "#", "%23") !default; $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"), "#", "%23") !default; $carousel-transition-duration: .6s !default; $carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`) // Spinners $spinner-width: 2rem !default; $spinner-height: $spinner-width !default; $spinner-border-width: .25em !default; $spinner-width-sm: 1rem !default; $spinner-height-sm: $spinner-width-sm !default; $spinner-border-width-sm: .2em !default; // Close $close-font-size: $font-size-base * 1.5 !default; $close-font-weight: $font-weight-bold !default; $close-color: $black !default; $close-text-shadow: 0 1px 0 $white !default; // Code $code-font-size: 87.5% !default; $code-color: $pink !default; $kbd-padding-y: .2rem !default; $kbd-padding-x: .4rem !default; $kbd-font-size: $code-font-size !default; $kbd-color: $white !default; $kbd-bg: $gray-900 !default; $pre-color: $gray-900 !default; $pre-scrollable-max-height: 340px !default; // Utilities $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default; $overflows: auto, hidden !default; $positions: static, relative, absolute, fixed, sticky !default; // Printing $print-page-size: a3 !default; $print-body-min-width: map-get($grid-breakpoints, "lg") !default; 

/* /web/static/src/legacy/scss/import_bootstrap.scss defined in bundle 'web.assets_frontend' */
 // This file is importing bootstrap. While a simple "import "bootstrap";" // should be enough, this does not allow overridding mixins/functions. // Overridding those is necessary for some of our need and allow to generate // more efficient CSS than adding more rules. This file instead copies the // content of the "bootstrap.scss" files but do not import functions, variables // and mixins which will be handled "by hand" in _assets_helpers. //  //  //        // Bootstrap tables can basically be customized with the `$table-bg` and // `$table-color` variables. The problem is that, by default, BS4 defines them // so that the background-color is null (so transparent: displaying the // background-color of its ancestors) but the color is forced to the body color // (by default: white). This is a problem as soon as the ancestors background // colors are a color close to the body text color: the text becomes invisible. // For instance: in website, // - Set a body background color to black, the body text will automatically // become white. // - Add a table in a snippet: still ok, the text in the table is white over // the black body (the table being transparent). // - Then set the snippet background to white -> the table text will still be // white... but now over a white background. // // TODO this should be reviewed in master: it should be ok to set the variable // $table-color to `null` thus letting the table be transparent and have the // same text color as its parent. But in stable, changing a color variable to // `null` could break customizations relying on the fact this is a set color. It // would also not make sense if the user set up a `$table-bg` value going well // with table text forced to the body color. // Instead, here, in the very specific case we have a transparent table bg and // table color equal to the body color, we temporarily unset the table color // variable for the duration of the bootstrap table rules. // Note: we cannot create a rule in an "Odoo file" to fix this as unsetting the // color for the `.table` rule would also unset the case of a `.table.bg-XXX` // where we still want `.bg-XXX` to force the color. $-tmp: $table-color; $-tmp-hover: $table-hover-color; @if $table-bg == null and $table-color == $body-color{@if $table-hover-color == $table-color{$table-hover-color: null;}$table-color: null;} $table-color: $-tmp; $table-hover-color: $-tmp-hover;  // Small hack in bootstrap (see bootstrap_review.scss): prevent it to generate // primary, secondary, and other color/outline classes by itself to be able to // do it ourself properly. $-tmp: $theme-colors; $theme-colors: ();  $theme-colors: $-tmp;                          

/* /web/static/src/legacy/scss/bootstrap_review.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups the CSS rules made to fix/extend bootstrap in all places /// where it is used in Odoo (backend / frontend / reports / ...) /// .alert{// Alerts are block elements with relative positioning. // They would go over floating elements, which is never what we want. clear: both;}// Extend bootstrap to create background and text utilities for gray colors too // Note: the card-body rule below needs those grays utilities to be defined // before so that the related o-bg-color text-muted rules work. @each $color, $value in $grays{@include bg-variant(".bg-#{$color}", $value); @include text-emphasis-variant(".text-#{$color}", $value);}.card-body{// BS4 colored cards do not have a very popular design. This will reset them // to a BS3-like one: only the header and footer are colored and the body // will use the color of a default card background with a light opacity. // Limitation: bg-* utilities cannot be used on card-body elements anymore. @include o-bg-color(rgba($card-bg, $o-card-body-bg-opacity)); &:first-child{@include border-top-radius($card-inner-border-radius);}&:last-child{@include border-bottom-radius($card-inner-border-radius);}&.row{// The 'row' class should not be used on a 'card-body' element but if // it is done, our custom bg color would overflow the card. As a fix // for those cases (normally only one at the time this fix is made), // remove the background color. // TODO remove me in master. background-color: transparent !important;}}.accordion{.collapsing, .collapse.show{> .card-body:first-child{// Above background color would overflow on the card-header border // without this margin-top: $card-border-width;}}}.toast-header{background-clip: border-box;}.toast-body{// Same as card-body, see explanation above @include o-bg-color(opacify($toast-background-color, 0.08));}// Modify modals so that their scrollable element is the modal-body (except in // mobile). @include media-breakpoint-up(sm){.modal-dialog{height: 100%; padding: $modal-dialog-margin-y-sm-up 0; margin: 0 auto;}.modal-content{max-height: 100%;}.modal-header, .modal-footer{flex: 0 0 auto;}.modal-body{overflow: auto; min-height: 0;}}// Do not display the backdrop element added by bootstrap in the body and add a // background on the modal to keep the same effect. The bootstrap backdrop was // probably useful for compatibility with <IE9 but is no longer needed. This // also avoids z-index issues because modals could be opened in an element // (e.g. the website #wrapwrap) whose stacking context is different of the body // one (where the backdrop is opened). This would make the backdrop appears on // top of the modal. .modal-backdrop{display: none;}.modal:not([data-backdrop="false"]){background-color: rgba($modal-backdrop-bg, $modal-backdrop-opacity);}// Restore pointer cursor which came with the 'btn' class until BS 4.3.1 .btn:not(:disabled):not(.disabled){cursor: pointer;}// Disable RTL for the dropdown position .dropdown-menu{&[x-placement^="top"], &[x-placement^="right"], &[x-placement^="bottom"], &[x-placement^="left"]{right: auto;}}// Disable RTL for the popover position .popover{right: auto#{""};}// Review input group: BS allows to control button and input dimensions // individually but fails to make input-group correctly in all cases (for some // strange reasons they made it work well for sm and lg but not for the normal // sizing). .input-group-prepend, .input-group-append{> .btn{@include button-size($input-padding-y, $input-padding-x, $input-font-size, $input-line-height, $input-border-radius); border-width: $input-border-width;}}// Review $link-decoration behavior @if $link-decoration and $link-decoration != none{.btn:not(.btn-link), .nav-link, .dropdown-item, .page-link, .breadcrumb-item > a, .badge, .fa{&, &:hover, &:focus{text-decoration: none;}}}// Generating bootstrap color buttons was disabled (see import_bootstrap.scss). // We do it ourself here with a tweak: we introduce btn-fill-* (working as the // normal btn-* classes (in opposition to btn-outline-* classes). We then map // the btn-* classes to either btn-fill-* or btn-outline-* classes depending on // the configuration. We also allow to define a border-color different than the // background color. $o-btn-bg-colors: () !default; $o-btn-border-colors: () !default; @each $color, $value in $theme-colors{$-bg-color: map-get($o-btn-bg-colors, $color) or $value; $-border-color: map-get($o-btn-border-colors, $color) or $-bg-color; .btn-fill-#{$color}{@include button-variant($-bg-color, $-border-color);}}@each $color, $value in $theme-colors{$-bg-color: map-get($o-btn-bg-colors, $color) or $value; $-border-color: map-get($o-btn-border-colors, $color) or $-bg-color; .btn-outline-#{$color}{@include button-outline-variant($-border-color);}}$o-btn-outline-defaults: () !default; @each $color, $value in $theme-colors{.btn-#{$color}{@if index($o-btn-outline-defaults, $color){@extend .btn-outline-#{$color};}@else{@extend .btn-fill-#{$color};}}}// Compensate navbar brand padding if no visible border @if alpha($navbar-dark-toggler-border-color) < 0.001{.navbar-dark .navbar-toggler{padding-left: 0; padding-right: 0;}}@if alpha($navbar-light-toggler-border-color) < 0.001{.navbar-light .navbar-toggler{padding-left: 0; padding-right: 0;}}// Review bootstrap navbar to work with different nav styles $o-navbar-nav-pills-link-padding-x: $nav-link-padding-x !default; $o-navbar-nav-pills-link-border-radius: $nav-pills-border-radius !default; .navbar-nav.nav-pills .nav-link{// The rules is needed so that the padding is not reset to 0 in mobile. // Also use default nav-link paddings instead of navbar ones. padding-right: $o-navbar-nav-pills-link-padding-x; padding-left: $o-navbar-nav-pills-link-padding-x; @if $o-navbar-nav-pills-link-border-radius != $nav-pills-border-radius{@include border-radius($o-navbar-nav-pills-link-border-radius);}}.carousel-control-next .sr-only{left: 50%; // Avoid horizontal scrollbar in Chrome}

/* /web/static/src/core/utils/transitions.scss defined in bundle 'web.assets_frontend' */
 @mixin owl-fade($time, $name){.#{$name}_fade-enter-active, .#{$name}_fade-active{transition: all $time;}.#{$name}_fade-enter{opacity: 0;}.#{$name}_fade-leave-to{opacity: 0;}}

/* /web/static/src/core/checkbox/checkbox.scss defined in bundle 'web.assets_frontend' */
// = Checkbox // ============================================================================ .custom-control.custom-checkbox .custom-control-input{// Force default bts default border color &:not(:checked):not(:indeterminate):not(:disabled) ~ .custom-control-label:before{border-color: $custom-control-indicator-border-color;}&:disabled{~ .custom-control-label{cursor: not-allowed; &:before{border-color: $custom-control-indicator-checked-disabled-bg;}}&:checked ~ .custom-control-label:after{// Use odoo custom muted icon background-image: $o-custom-checkbox-indicator-icon-checked-disabled;}}@media print{-webkit-print-color-adjust: exact !important; color-adjust: exact !important;}}

/* /web/static/src/core/debug/debug_menu.scss defined in bundle 'web.assets_frontend' */
.o_dialog{.o_debug_manager .dropdown-toggle{padding: 0 4px; margin: 2px 10px 2px 0;}}

/* /web/static/src/core/debug/profiling/profiling_item.scss defined in bundle 'web.assets_frontend' */
.o_debug_profiling_item{.o_profiling_switch{padding-top: 3px; padding-bottom: 3px; .custom-switch{display: inline-block;}.custom-control-label{cursor: pointer;}.o_open_profiling{padding-top: 3px;}}}.o_debug_manager .fa-bug{position: relative; .o_recording{position: absolute; bottom: -0.1em; right: -0.4em; font-size: 0.8em;}}

/* /web/static/src/core/dialog/dialog.scss defined in bundle 'web.assets_frontend' */
.o_dialog{> .modal{display: block;}}.modal.o_technical_modal{.modal-content{border-radius: 0; .modal-header .modal-title{word-break: break-word;}.modal-footer{flex-wrap: wrap; text-align: left; justify-content: flex-start; footer{> :not(:first-child){margin-left: 0.25rem;}> :not(:last-child){margin-right: 0.25rem;}button{margin-bottom: 0.5rem;}}}}@include media-breakpoint-up(sm){.modal-dialog .modal-content.o_dialog_error .modal-body{overflow: visible; display: flex; flex-flow: column nowrap; > .alert, > button{flex: 0 0 auto;}> .o_error_detail{flex: 1 1 auto; min-height: 0; overflow: auto;}}}}

/* /web/static/src/core/dropdown/dropdown.scss defined in bundle 'web.assets_frontend' */
// = New Owl Dropdown specific rules // ----------------------------------------------------------------------------- .o-dropdown{&--menu{// Makes sure the dropdown menus are already in a // fixed position before the positioning computations begin. position: fixed; .dropdown-toggle:focus, .dropdown-item:focus{background-color: transparent; outline: none;}.dropdown-toggle.focus, .dropdown-item.focus{background-color: $dropdown-link-hover-bg;}.dropdown-item:not(.disabled):not(:disabled){// Needed 'cause <DropdownItem> generate <span> html tags that for // browsers are normally not clickable. cursor: pointer;}}&.dropup > .o-dropdown--menu, &.dropdown > .o-dropdown--menu, &.dropleft > .o-dropdown--menu, &.dropright > .o-dropdown--menu{// Also makes sure that left/right stuffs are not polluted // by bootstrap rules processed by rtlcss left: auto; right: auto; margin-left: 0; margin-right: 0;}&--no-caret{> .dropdown-toggle{&::before, &::after{content: normal;}}}button.dropdown-toggle{&.active, &:hover, &:focus, &:active{outline: none; box-shadow: none !important;}&.dropdown-item:not(.o_menu_item){&::after, &::before{// Changes the placement of bootstrap dropdown carets for subdropdowns @include o-position-absolute($right: 0, $top: 0); transform: translate(-.6em, .6em) #{""};}}}// Correctly align sub dropdowns items with its parent's .o-dropdown > .o-dropdown--menu.o-popper-position{&--rs, &--ls{margin-top: calc(-.5rem - 1px);}&--re, &--le{margin-top: calc(.5rem - 2px);}}}

/* /web/static/src/core/effects/rainbow_man.scss defined in bundle 'web.assets_frontend' */
.o_reward{$reward-size: 400px; $reward-size-mobile: 300px; $reward-text-color: #727880; $reward-base-time: 1.4s; will-change: transform; z-index: $zindex-modal; padding: 50px; margin: -5% auto 0 (-$reward-size / 2); @include media-breakpoint-down(sm){margin: -5% auto 0 (-$reward-size-mobile / 2);}background-image: -webkit-radial-gradient(#edeff4 30%, transparent 70%, transparent); background-image: -o-radial-gradient(#edeff4 30%, transparent 70%, transparent); background-image: radial-gradient(#edeff4 30%, transparent 70%, transparent); animation: reward-fading ($reward-base-time * 0.5) ease-in-out 0s 1 normal forwards; @include o-position-absolute(20%, auto, auto, 50%); @include size($reward-size, $reward-size); @include media-breakpoint-down(sm){@include size($reward-size-mobile, $reward-size-mobile);}&.o_reward_fading{display: block; animation: reward-fading-reverse ($reward-base-time * 0.4) ease-in-out 0s 1 normal forwards; .o_reward_face_group{animation: reward-jump-reverse ($reward-base-time * 0.4) ease-in-out 0s 1 normal forwards;}.o_reward_rainbow{path{animation: reward-rainbow-reverse ($reward-base-time * 0.5) ease-out 0s 1 normal forwards;}}}.o_reward_face, .o_reward_stars, .o_reward_shadow, .o_reward_thumbup{margin: 0 auto;}.o_reward_rainbow{path{stroke-dasharray: 600; stroke-dashoffset: 0; fill: none; stroke-linecap: round; stroke-width: 21px; animation: reward-rainbow $reward-base-time ease-out 0s 1 normal forwards;}}.o_reward_face_group{transform-origin: center; animation: reward-jump $reward-base-time * 0.8 ease-in-out 0s 1 normal none running; @include o-position-absolute(6%, 0, 0, 0); @include size(100%, 60%);}.o_reward_face{display: block; top: 42%; position: relative; border-radius: 100%; background: center center / contain no-repeat; animation: reward-float $reward-base-time ease-in-out $reward-base-time infinite alternate; @include size(34%, 56.67%);}.o_reward_stars{display: block; @include size($reward-size * 0.75, $reward-size / 2); @include media-breakpoint-down(sm){@include size($reward-size-mobile * 0.75, $reward-size-mobile / 2);}@include o-position-absolute(18%, 7%); svg{transform-origin: center center; @include o-position-absolute(28%, $left: 3%); animation: reward-stars $reward-base-time ease-in-out 0s infinite alternate-reverse; &.star2, &.star4{animation: reward-stars ($reward-base-time * 1.2) ease-in-out 0s infinite alternate;}&.star2{left: 20%; top: 2%;}&.star3{left: 49%; top: 6%;}&.star4{left: 70%; top: 27%;}}}.o_reward_thumbup{width: 40px; display: block; animation: reward-scale ($reward-base-time * 0.5) ease-in-out 0s infinite alternate; @include o-position-absolute(63%, auto, auto, 65%);}.o_reward_msg_container{will-change: transform; padding-top: 11%; width: 70%; margin-left: 15%; // Translate before animate transform: translateY(5px); animation: reward-float $reward-base-time ease-in-out $reward-base-time infinite alternate-reverse; @include o-position-absolute(85%, auto, auto, 0%); .o_reward_thumb_right{height: 40px; z-index: 1; @include o-position-absolute(0, auto, auto, 16%);}.o_reward_msg{margin-left: 7%; margin-top: -9.5%; padding: 25px 15px 20px; background: white; border: 1px solid #ecf1ff; border-top-width: 0; display: inline-block; // Reset margins for first and penultimate childs (the last one is shadow) *:first-child{margin-top: 0;}}.o_reward_msg_content{position: relative; font-family: sans-serif; text-align: left; color: $reward-text-color;}.o_reward_shadow_container{transform: translateY(0px) rotateZ(0); animation: reward-float $reward-base-time ease-in-out $reward-base-time infinite alternate;}.o_reward_shadow{@include size(100%, 12px); background-color: #e7eaf0; border-radius: 100%; transform: scale(0.8) rotateZ(0); animation: reward-scale $reward-base-time ease-in-out $reward-base-time infinite alternate; @include o-position-absolute(auto, auto, -40px, 0);}}}@keyframes reward-fading{0%{opacity: 0;}100%{opacity: 1;}}@keyframes reward-fading-reverse{100%{opacity: 0;}}@keyframes reward-jump{0%{transform: scale(0.5);}50%{transform: scale(1.05);}to{transform: scale(1);}}@keyframes reward-jump-reverse{0%{transform: scale(1);}50%{transform: scale(1.05);}to{transform: scale(0.5);}}@keyframes reward-rainbow{0%{stroke-dashoffset: -500;}to{stroke-dashoffset: 0;}}@keyframes reward-rainbow-reverse{to{stroke-dashoffset: -500;}}@keyframes reward-float{from{transform: translateY(0px);}to{transform: translateY(5px);}}@keyframes reward-stars{from{transform: scale(0.3) rotate(0deg);}50%{transform: scale(1) rotate(20deg);}to{transform: scale(0.3) rotate(80deg);}}@keyframes reward-scale{from{transform: scale(0.8);}to{transform: scale(1);}}

/* /web/static/src/core/hotkeys/hotkey.scss defined in bundle 'web.assets_frontend' */
.o_web_hotkey_overlay{@include o-position-absolute(0, 0); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); color: #ffffff; font-size: 1rem; font-family: $font-family-sans-serif;}

/* /web/static/src/core/notifications/notification.scss defined in bundle 'web.assets_frontend' */
$notification-width: 320px; $notification-text-color: #212529; $notification-title-text-color: #6c757d; // Colors of the notification are not managed by this file. // It is handled by the other classes defining a background. (like danger, warning, etc.) // The notification just add overlays. .o_notification_manager{@include o-position-absolute(3.5rem, 0); position: fixed; z-index: ($zindex-modal + $zindex-popover) / 2; width: $notification-width; margin-right: 0.5rem; max-width: 100%; .o_notification{width: 100%; margin-bottom: 0.375rem; overflow: hidden; background-color: rgba(255, 255, 255, 0.7); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); border-radius: 0.25rem; .o_notification_body{padding: 0.5rem 0.625rem; background-color: rgba(255, 255, 255, 0.78) !important; color: $notification-text-color; .o_notification_close{margin-left: 1rem;}}.o_notification_header{display: flex; align-items: center; padding: 0.5rem 1.5rem; color: $notification-title-text-color; background-color: rgba(255, 255, 255, 0.7); border-bottom: 1px solid rgba(0, 0, 0, 0.05);}}}@include owl-fade(0.5s, "o_notification"); 

/* /web/static/src/core/popover/popover.scss defined in bundle 'web.assets_frontend' */
 @keyframes slide-top{0%{opacity: 0; transform: translateY(-5%);}100%{opacity: 1; transform: translateY(0);}}@keyframes slide-right{0%{opacity: 0; transform: translateX(5%);}100%{opacity: 1; transform: translateX(0);}}@keyframes slide-bottom{0%{opacity: 0; transform: translateY(5%);}100%{opacity: 1; transform: translateY(0);}}@keyframes slide-left{0%{opacity: 0; transform: translateX(-5%);}100%{opacity: 1; transform: translateX(0);}}.o_popover{$border-color: gray("300"); $bg-color: gray("200"); $arrow-pad: 0px; $arrow-size: 8px; $animation-time: 0.2s; max-width: 100vw; z-index: 1060; border: 1px solid $border-color; background-color: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); &.o-popper-position{&--tm{animation: $animation-time slide-top; margin-top: $arrow-size; &::before, &::after{pointer-events: none; content: ""; position: absolute; top: 100%; left: 50%; margin-left: -$arrow-size; border: $arrow-size solid transparent; border-top-color: $bg-color;}&::before{margin-top: 1px; border-top-color: $border-color;}}&--rm{animation: $animation-time slide-right; margin-left: -$arrow-size; &::before, &::after{pointer-events: none; content: ""; position: absolute; top: 50%; right: 100%; margin-top: -$arrow-size; border: $arrow-size solid transparent; border-right-color: $bg-color;}&::before{margin-right: 1px; border-right-color: $border-color;}}&--bm{animation: $animation-time slide-bottom; margin-top: -$arrow-size; &::before, &::after{pointer-events: none; content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -$arrow-size; border: $arrow-size solid transparent; border-bottom-color: $bg-color;}&::before{margin-bottom: 1px; border-bottom-color: $border-color;}}&--lm{animation: $animation-time slide-left; margin-left: $arrow-size; &::before, &::after{pointer-events: none; content: ""; position: absolute; top: 50%; left: 100%; margin-top: -$arrow-size; border: $arrow-size solid transparent; border-left-color: $bg-color;}&::before{margin-left: 1px; border-left-color: $border-color;}}}}

/* /web/static/src/core/position/position.scss defined in bundle 'web.assets_frontend' */
 .o-popper-position{position: fixed; top: 0; left: 0;}

/* /web/static/src/core/tooltip/tooltip.scss defined in bundle 'web.assets_frontend' */
.o-tooltip{font-size: smaller; .o-tooltip--string{background-color: $o-tooltip-title-background-color; font-weight: bold; padding: 5px 8px;}.o-tooltip--help{white-space: pre-line; padding: 8px; margin-bottom: 0px;}.o-tooltip--technical{padding: 8px; margin: 0 0 0 15px; list-style-type: circle; .o-tooltip--technical--title{font-weight: bold;}}}

/* /web/static/src/core/ui/block_ui.scss defined in bundle 'web.assets_frontend' */
.o_blockUI{position: fixed; top: 0; left: 0; z-index: 1100; cursor: wait; background: #000000; opacity: 0.6; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; flex-direction: column; .o_spinner{height: 4.2rem; margin-bottom: 1rem; img{animation: fa-spin 1s infinite steps(12);}}.o_message{color: #ffffff; text-align: center;}}

/* /web/static/src/legacy/scss/base_frontend.scss defined in bundle 'web.assets_frontend' */
// Frontend general html, body, #wrapwrap{width: 100%; height: 100%; overflow: hidden;}#wrapwrap{// The z-index is useful to prevent that children with a negative z-index // go behind the wrapwrap (we create a new stacking context). z-index: 0; position: relative; display: flex; flex-flow: column nowrap; // ... we delegate the scroll to that top element instead of the window/body // This is at least needed for the edit mode to not have a double scrollbar // due to the right editor panel (and since we want to minimize the style // difference between edit mode and non-edit mode (wysiwyg)...). overflow: auto; > *{flex: 0 0 auto;}> main{flex: 1 0 auto;}}.modal-open #wrapwrap{overflow: hidden;}

/* /web/static/src/legacy/scss/lazyloader.scss defined in bundle 'web.assets_frontend' */
 // Disable buttons and links marked with the o_wait_lazy_js class or in a // section which is marked with the o_wait_lazy_js class. a[href], button, input[type="submit"], input[type="button"], .btn{&.o_wait_lazy_js, .o_wait_lazy_js &{pointer-events: none;}}

/* /web/static/src/legacy/scss/navbar_mobile.scss defined in bundle 'web.assets_frontend' */
// Achieve a top-menu design visually similar to the backend's 'burger' one. // = Mobile Main Navbar // ============================================================================ @include media-breakpoint-down(sm){#oe_main_menu_navbar.o_main_navbar{// = Scoped Variables // // Variables scopend within the current context that mirror backend's // boostrap values. // -------------------------------------------------------------------- $-bg: darken($o-brand-odoo, 10%); $-color: color-yiq($-bg); $-font-size-base: 16px; $-font-size-lg: 18px; $-entry-hover-bg: rgba(invert($-color), .08); // = Invalidate top-menu native 'grid' layout // -------------------------------------------------------------------- &, .o_menu_sections li, .dropdown-menu.show{display: block;}.o_menu_sections li, .dropdown-menu.show{position: relative; width: 100%; height: auto;}// = Design // -------------------------------------------------------------------- .o_mobile_menu_toggle, .dropdown-toggle, .dropdown-item, .o_menu_sections > .css_published{height: $o-navbar-height; @include o-hover-text-color(rgba($-color, .9), $-color);}.o_menu_sections{@include o-position-absolute($o-navbar-height, 0, 0, 0); display: none; overflow: auto; background-color: $-bg; > li > a{font-size: $-font-size-lg;}li.css_published:hover{background-color: $-entry-hover-bg;}}.dropdown-divider{border-top-color: rgba($-color, .06); margin-left: $dropdown-item-padding-x; margin-right: $dropdown-item-padding-x;}.dropdown.show{&, .dropdown-toggle, .dropdown-item, .dropdown-menu{background-color: darken($-bg, 5%);}> .dropdown-toggle{@include o-hover-text-color($-color, $-color); outline: 0; box-shadow: inset 0 1px 0 rgba(invert($-color), .1);}.dropdown-menu{border: 0; padding-top: 0; box-shadow: inset 0 -1px 0 rgba($-color, .1);}.dropdown-item{display: flex; align-items: center; font-size: $-font-size-base;}}// = Toggle Menu (open) // -------------------------------------------------------------------- body.o_mobile_menu_opened > &{height: 100%; .o_menu_sections{display: block;}.o_mobile_menu_toggle:before{content: "\f00d"}}}}@include media-breakpoint-down(sm){.o_switch_company_menu > .dropdown-menu{padding-top: 0px; .bg-info{padding: 10px;}}}

/* /web_editor/static/src/scss/web_editor.common.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups basic style rules for web_editor enable page edition and /// backend utils. /// TODO many of those rules should probably not be declared for the backend. /// in particular the o_ccX rules, see code linked to the variable named /// 'prevent-backend-colors-alteration'. /// :root{@each $color, $value in $grays{@include print-variable($color, $value);}// Most of the keys of the color combination color should be null. We have // to indicate their fallback values. @for $index from 1 through length($o-color-combinations){$-bg-color: o-color(color('o-cc#{$index}-bg')); $-text: color('o-cc#{$index}-text') or color-yiq(o-color('o-cc#{$index}-bg')); $-headings: color('o-cc#{$index}-headings') or $-text; $-h2: color('o-cc#{$index}-h2') or $-headings; $-h3: color('o-cc#{$index}-h3') or $-h2; $-h4: color('o-cc#{$index}-h4') or $-h3; $-h5: color('o-cc#{$index}-h5') or $-h4; $-h6: color('o-cc#{$index}-h6') or $-h5; @if not color('o-cc#{$index}-text'){@include print-variable('o-cc#{$index}-text', $-text);}@if not color('o-cc#{$index}-headings'){@include print-variable('o-cc#{$index}-headings', $-headings);}@if not color('o-cc#{$index}-h2'){@include print-variable('o-cc#{$index}-h2', $-h2);}@if not color('o-cc#{$index}-h3'){@include print-variable('o-cc#{$index}-h3', $-h3);}@if not color('o-cc#{$index}-h4'){@include print-variable('o-cc#{$index}-h4', $-h4);}@if not color('o-cc#{$index}-h5'){@include print-variable('o-cc#{$index}-h5', $-h5);}@if not color('o-cc#{$index}-h6'){@include print-variable('o-cc#{$index}-h6', $-h6);}$-link: color('o-cc#{$index}-link'); $-link-color: if($-link, o-color($-link), theme-color('primary')); @include print-variable('o-cc#{$index}-link', auto-contrast($-link-color, $-bg-color, 'o-cc#{$index}-link')); $-btn-primary: color('o-cc#{$index}-btn-primary'); @if not $-btn-primary{@include print-variable('o-cc#{$index}-btn-primary', theme-color('primary'));}@if not color('o-cc#{$index}-btn-primary-border'){@include print-variable('o-cc#{$index}-btn-primary-border', $-btn-primary or theme-color('primary'));}$-btn-secondary: color('o-cc#{$index}-btn-secondary'); @if not $-btn-secondary{@include print-variable('o-cc#{$index}-btn-secondary', theme-color('secondary'));}@if not color('o-cc#{$index}-btn-secondary-border'){@include print-variable('o-cc#{$index}-btn-secondary-border', $-btn-secondary or theme-color('secondary'));}}@include print-variable('o-grid-gutter-width', $grid-gutter-width); @include print-variable('o-md-container-max-width', map-get($container-max-widths, md));}html, body{position: relative; width: 100%; height: 100%;}*[contenteditable=true]{outline: none;}[contenteditable]{overflow-wrap: unset !important;}.css_non_editable_mode_hidden{display: none !important;}.editor_enable .css_editable_mode_hidden{display: none !important;}.note-toolbar{margin-left: 0 !important;}.note-popover .popover > .arrow{display: none;}.note-popover .popover, .note-editor{.dropdown-menu .dropdown-item{> i{visibility: hidden;}&.checked > i{visibility: visible;}}}#wrapwrap, .o_editable{// Only style editor-made tables (shop/portal/... tables are not supposed to // use table-bordered...) table.table.table-bordered{table-layout: fixed; td{min-width: 20px;}}@include media-breakpoint-down(sm){.table-responsive > table.table{table-layout: auto;}}}// List ul.o_checklist{list-style: none; >li{list-style: none; position: relative; margin-left: $o-checklist-margin-left; margin-right: $o-checklist-margin-left; &:not(.oe-nested)::before{content: ''; position: absolute; left: - $o-checklist-margin-left; display: block; height: $o-checklist-before-size; width: $o-checklist-before-size; top: 4px; border: 1px solid; text-align: center; cursor: pointer;}&.o_checked{text-decoration: line-through; &::before{content: "✓"; display: flex; align-items: center; justify-content: center; padding-left: 1px #{""}; padding-top: 1px;}}}}ul.o_checklist[dir="rtl"] > li:not(.oe-nested)::before{left: auto; right: - $o-checklist-margin-left; text-align: right;}ol > li.o_indent, ul > li.o_indent{margin-left: 0; list-style: none; &::before{content: none;}}// Medias img.o_we_custom_image{// Images added with the editor are .img-fluid by default but should // still behave like inline content. display: inline-block;}img.shadow{box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);}img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small{padding: 4px;}img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium{padding: 8px;}img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large{padding: 16px;}img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl{padding: 32px;}img.ml-auto, img.mx-auto{display: block;}.fa-6x{font-size: 6em;}.fa-7x{font-size: 7em;}.fa-8x{font-size: 8em;}.fa-9x{font-size: 9em;}.fa-10x{font-size: 10em;}.fa.mx-auto{display: block; text-align: center;}.fa.card-img, .fa.card-img-top, .fa.card-img-bottom{width: auto;}div.media_iframe_video{margin: 0 auto; text-align: center; position: relative; overflow: hidden; min-width: 100px; iframe{width: 100%; height: 100%; @include o-position-absolute($top: 0); margin: 0 auto; margin-left: -50%;}&.padding-small iframe{padding: 4px;}&.padding-medium iframe{padding: 8px;}&.padding-large iframe{padding: 16px;}&.padding-xl iframe{padding: 32px;}.media_iframe_video_size{padding-bottom: 66.5%; position: relative; width: 100%; height: 0;}.css_editable_mode_display{@include o-position-absolute(0,0,0,0); width: 100%; height: 100%; display: none; z-index: 2;}}html[data-browser^="msie"] div.media_iframe_video iframe{margin-left: 0;}// Fields address{.fa.fa-mobile-phone{margin: 0 3px 0 2px;}.fa.fa-file-text-o{margin-right: 1px;}}span[data-oe-type="monetary"]{white-space: nowrap;}// Menus // TODO should not be here but used by web_studio so must stay here for now ul.oe_menu_editor{.oe_menu_placeholder{outline: 1px dashed #4183C4;}ul{list-style: none;}li div{cursor: move;}}// Generate all spacings for all sizes @mixin o-spacing-all($factor: 1){// Generate vertical margin/padding classes used by the editor @for $i from 0 through (256 / 8){@include o-vspacing($i * 8, $factor);}@include o-vspacing(4, $factor); // 92px vertical margin is kept for compatibility @include o-vmargins(92, $factor); // Some horizontal margin classes defined for convenience // (and compatibility) @include o-hmargins(0, $factor); @include o-hmargins(4, $factor); @include o-hmargins(8, $factor); @include o-hmargins(16, $factor); @include o-hmargins(32, $factor); @include o-hmargins(64, $factor);}// Generate all spacings for one size, scalled by a given factor // (0 <= factor <= 1) @mixin o-vspacing($name, $factor: 1){@include o-vmargins($name, $factor); @include o-vpaddings($name, $factor);}@mixin o-vmargins($name, $factor: 1){@include o-vmargins-define($name, $factor * $name);}@mixin o-vpaddings($name, $factor: 1){@include o-vpaddings-define($name, $factor * $name);}@mixin o-hspacing($name, $factor: 1){@include o-hmargins($name, $factor); @include o-hpaddings($name, $factor);}@mixin o-hmargins($name, $factor: 1){@include o-hmargins-define($name, $factor * $name);}@mixin o-hpaddings($name, $factor: 1){@include o-hpaddings-define($name, $factor * $name);}// Generate all spacings for one size, given the name of the spacing and // intended size @mixin o-vmargins-define($name, $size: $name){.mt#{$name}{margin-top: $size * 1px !important;}.mb#{$name}{margin-bottom: $size * 1px !important;}}@mixin o-vpaddings-define($name, $size: $name){.pt#{$name}{padding-top: $size * 1px !important;}.pb#{$name}{padding-bottom: $size * 1px !important;}}@mixin o-hmargins-define($name, $size: $name){.ml#{$name}{margin-left: $size * 1px !important;}.mr#{$name}{margin-right: $size * 1px !important;}}@mixin o-hpaddings-define($name, $size: $name){.pl#{$name}{padding-left: $size * 1px !important;}.pr#{$name}{padding-right: $size * 1px !important;}}// Generate all margins @include o-spacing-all; // Underline a.o_underline{text-decoration: underline; &:hover{text-decoration: underline;}}// ACE EDITOR .o_ace_view_editor{background: $o-we-ace-color; color: white; display: flex; flex-flow: column nowrap; opacity: 0.97; .o_ace_view_editor_title{flex: 0 0 auto; display: flex; align-items: center; padding: $grid-gutter-width/4; >.o_ace_type_switcher>button::after{@include o-caret-down; margin-left: 4px;}>*{flex: 0 0 auto; margin: 0 $grid-gutter-width/4; &.o_include_option{display: flex; align-items: center; font-size: 11px; >.custom-control{margin-right: $grid-gutter-width/4;}}&.o_res_list{flex: 1 1 auto; min-width: 60px;}}}#ace-view-id{flex: 0 0 auto; padding: $grid-gutter-width/4 $grid-gutter-width/2; background-color: lighten($o-we-ace-color, 10%); .o_ace_editor_resource_info{color: #ebecee;}}#ace-view-editor{@mixin ace-line-error-mixin{content: ""; z-index: 1000; display: flex; background-color: $o-we-color-danger; color: white; font-size: 1.2em; align-items: center; justify-content: center; cursor: help;}height: 70%; // in case flex is not supported flex: 1 1 auto; .ace_gutter{cursor: ew-resize; .ace_gutter-cell.o_error{position: relative; &::before{@include o-position-absolute(-100vh, 0, -100vh); @include ace-line-error-mixin; width: 2px;}&::after{@include o-position-absolute(-100%, 0, -100%, 0); @include ace-line-error-mixin; font-family: FontAwesome; content: "\f071";}}}.ace_resize_bar{@include o-position-absolute($right: 0); width: 25px; height: 100%; cursor: ew-resize;}}}.o_ace_error_popover{max-width: 40vw; .popover-body{background-color: lighten($o-we-ace-color, 10%); color: #ebecee;}&.bs-popover-left .arrow::after{border-left-color: lighten($o-we-ace-color, 10%);}&.bs-popover-right .arrow::after{border-right-color: lighten($o-we-ace-color, 10%);}code{display: block; max-width: 100%; overflow-x: auto; white-space: pre; color: cyan;}}.o_ace_select2_dropdown{width: auto !important; padding-top: 4px; font-family: monospace !important; >.select2-results{max-height: none; max-height: 70vh; .select2-result-label{padding-top: 1px; padding-bottom: 2px; >.o_ace_select2_result{padding: 0; font-size: 12px; white-space: nowrap;}}}}.o_nocontent_help{@include o-nocontent-empty; .o_empty_folder_image:before{@extend %o-nocontent-empty-document;}}.o_we_search_prompt{position: relative; min-height: 250px; width: 100%; display: flex; align-items: center; justify-content: flex-start; & > h2{max-width: 500px; text-align: center; margin-left: 150px;}&::before{transform: scale(-1, 1); content: ""; @include o-position-absolute($top: 0, $left: 50px); width: 100px; height: 150px; opacity: .5; background-image: url('/web_editor/static/src/img/curved_arrow.svg'); background-size: 100%; background-repeat: no-repeat;}}@include media-breakpoint-down(sm){odoo-wysiwyg-container{.panel-heading.note-toolbar{overflow-x: auto;}.btn-group{position: static;}}// modal select media .o_technical_modal.o_web_editor_dialog{// see template 'web_editor.FieldTextHtml.fullscreen' z-index: $o-we-technical-modal-zindex; > .o_select_media_dialog{max-width: inherit !important; z-index: $o-we-technical-modal-zindex; .modal-dialog, .model-content{height: 100%;}.modal-body{.nav .nav-item.search{width: 100%; .btn-group{display: flex; justify-content: space-around; padding: 5px;}}// center pictogram .font-icons-icons{text-align: center;}// fix search image .form-control.o_we_search{height: inherit;}.form-inline{.btn-group{width: 100%; .btn.btn-primary:not(.dropdown-toggle){width: 90%;}}> .input-group.ml-2{margin-left: 0 !important; > .input-group-append{width: 100%; > .btn{width: 100%;}> .ml-2{margin-left: 0 !important;}}}}// attachment cells .o_we_existing_attachments > .row{flex-direction: column; > .o_existing_attachment_cell{flex: initial; max-width: 100%; > .o_existing_attachment_remove{opacity: inherit; top: 10px;}}}// select media dialog unsplash error #editor-media-image .unsplash_img_container .unsplash_error .mx-auto{width: 100%; .form-group{input.w-100{min-width: 100px;}}}}}}}// BS4 blockquote has no style anymore, except bloquote <footer> blockquote{padding: $spacer/2 $spacer; border-left: 5px solid; border-color: gray('300'); font-style: italic;}// Extend bootstrap to create background and text utilities for some colors // outside of the $theme-colors too (but not btn-, alert-, etc). @for $index from 1 through 5{$-color-name: 'o-color-#{$index}'; $-color: color($-color-name); @include bg-variant(".bg-#{$-color-name}", $-color); @include text-emphasis-variant(".text-#{$-color-name}", $-color);}// Bg/text color classes generation .o_cc{#{$o-color-extras-nesting-selector}{// Re-force dropdown-item colors inside presets otherwise the presets // 'link' colors take over. .dropdown-menu .dropdown-item{// Need to add +1 priority thanks to // .dropdown-menu to counter a:not(.btn) &, h6{// Quick fix: sometimes we use h6 in dropdowns color: $dropdown-link-color !important; @include hover-focus{color: $dropdown-link-hover-color !important;}}&.disabled, &:disabled{&, h6{// Quick fix: sometimes we use h6 in dropdowns color: $dropdown-link-disabled-color !important;}}.btn-link{// Some search autocomplete results use btn-link for extra // information that can be navigated to. (e.g. products give // access to their categories) // These need to be reset in case a dark palette is applied. color: $link-color; &:hover{color: $link-hover-color;}&:disabled{color: $btn-link-disabled-color;}}}.dropdown-menu .dropdown-item-text .text-muted{// Search autocomplete messages are shown as text-muted entries. // These need to be reset in case a dark palette is applied. color: $text-muted !important; a{// Search autocomplete's fuzzy matched term is shown as a link // within an information message. color: $link-color; &:hover{color: $link-hover-color;}}}}}@for $index from 1 through length($o-color-combinations){$-bg: color('o-cc#{$index}-bg'); $-text: color('o-cc#{$index}-text'); $-headings: color('o-cc#{$index}-headings'); $-h2: color('o-cc#{$index}-h2'); $-h3: color('o-cc#{$index}-h3'); $-h4: color('o-cc#{$index}-h4'); $-h5: color('o-cc#{$index}-h5'); $-h6: color('o-cc#{$index}-h6'); $-link: color('o-cc#{$index}-link'); $-btn-primary: color('o-cc#{$index}-btn-primary'); $-btn-primary-border: color('o-cc#{$index}-btn-primary-border'); $-btn-secondary: color('o-cc#{$index}-btn-secondary'); $-btn-secondary-border: color('o-cc#{$index}-btn-secondary-border'); // Those color classes color multiple elements when applied on a snippet. // Those rules are not important so that they can be overridden through // bg and text utility classes. ** .o_cc#{$index}{// Background & Text $-bg-color: o-color($-bg); @include o-bg-color($-bg-color, o-color($-text), $important: false, $yiq-min-opacity-threshold: 0); #{$o-color-extras-nesting-selector}{// Headings h1, h2, h3, h4, h5, h6{// 'inherit' comes from the o-bg-color mixin color: o-color($-headings);}h2, h3, h4, h5, h6{color: o-color($-h2);}h3, h4, h5, h6{color: o-color($-h3);}h4, h5, h6{color: o-color($-h4);}h5, h6{color: o-color($-h5);}h6{color: o-color($-h6);}// Links $-link-color: if($-link, o-color($-link), theme-color('primary')); $-link-hover-color: darken($-link-color, 15%); a:not(.btn), .btn-link{color: auto-contrast($-link-color, $-bg-color, 'o-cc#{$index}-link'); @include hover{color: auto-contrast($-link-hover-color, $-bg-color, 'o-cc#{$index}-link');}}// Buttons // Primary $-btn-primary-color: if($-btn-primary, o-color($-btn-primary), theme-color('primary')); $-btn-primary-border-color: if($-btn-primary-border, o-color($-btn-primary-border), $-btn-primary-color); .btn-fill-primary{@include button-variant($-btn-primary-color, $-btn-primary-border-color);}.btn-outline-primary{@include button-outline-variant($-btn-primary-border-color);}// Secondary $-btn-secondary-color: if($-btn-secondary, o-color($-btn-secondary), theme-color('secondary')); $-btn-secondary-border-color: if($-btn-secondary-border, o-color($-btn-secondary-border), $-btn-secondary-color); .btn-fill-secondary{@include button-variant($-btn-secondary-color, $-btn-secondary-border-color);}.btn-outline-secondary{@include button-outline-variant($-btn-secondary-border-color);}// 'Active' states. Note: this only emulates very common components // used in snippets. This might need to be more complex the day we // can apply color combinations anywhere (page-item, ...). .nav-pills{.nav-link.active, .show > .nav-link{background-color: $-btn-primary-color; color: color-yiq($-btn-primary-color);}}.dropdown-menu .dropdown-item{// Need to add +1 priority thanks to // .dropdown-menu (see .o_cc). &.active, &:active{&, h6{// Quick fix: sometimes we use h6 in dropdowns @include gradient-bg($-btn-primary-color); color: color-yiq($-btn-primary-color) !important; @include hover-focus{color: color-yiq($-btn-primary-color) !important;}}}}a.list-group-item{color: $-btn-primary-color; &.active{background-color: $-btn-primary-color; color: color-yiq($-btn-primary-color); border-color: $-btn-primary-color;}}}}}// Buttons with custom colors .btn-custom:hover, .btn-fill-custom:hover{filter: invert(0.2);}.btn-outline-custom:not(:hover){// Custom buttons have their fill color or gradient specified in their // element style. They must only be shown on hover for outline buttons. background-color: transparent !important; background-image: none !important;}// Base snippet rules %o-we-background-layer-parent{&, & > *{// Allow background layers to be placed accordingly and snippet content // to be displayed on top. Note: we cannot just position the layers // with z-index: -1, otherwise it would go under the snippet own // background. Adding a z-index: 0 on the snippet to create its own // stacking context won't solve that either as, in that case, any BS // component inside would be using that stacking context (e.g. a // dropdown inside snippet 1 of the page would go under snippet 2 // when opened since the dropdown z-index would be confined into // snippet 1's stacking context. position: relative;}}%o-we-background-layer{@include o-position-absolute(0, 0, 0, 0); position: absolute !important; display: block; overflow: hidden; background-repeat: no-repeat; pointer-events: none;}section, .oe_img_bg, [data-oe-shape-data]{@extend %o-we-background-layer-parent;}.o_we_bg_filter{@extend %o-we-background-layer;}.o_full_screen_height{display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important;}.o_half_screen_height{@extend .o_full_screen_height; min-height: 55vh !important;}// TODO remove cover_full and cover_mid classes (kept for compatibility for now) .cover_full{@extend .o_full_screen_height;}.cover_mid{@extend .o_half_screen_height;}// Smaller container .o_container_small{@extend .container; @include media-breakpoint-up(lg){max-width: map-get($container-max-widths, md);}}// Background Images .oe_img_bg{background-size: cover; background-repeat: no-repeat; &.o_bg_img_opt_repeat{background-size: auto; background-repeat: repeat;}&.o_bg_img_center{background-position: center;}}// Gradient // TODO should be in the editor lib since it is handled there... but could not // find the right place for it. .text-gradient{-webkit-background-clip: text; -webkit-text-fill-color: transparent; // FIXME (or wait for a fix in Chrome): the code below is needed to make // animated text work with gradient background on Chrome. It is not based // on ".text-gradient *" only to avoid a side effect that makes text nodes // wrapped in a span (e.g. bold, italic) no longer have the "gradient // crossing the whole text" on them but their own gradient. .o_animated_text, .o_animated_text *, &.o_animated_text *{background-image: inherit; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit;}}.odoo-editor-editable, .o_readonly{t, [t-if], [t-elif], [t-else], [t-foreach]{background-color: rgba(0, 0, 102, 0.1) !important;}t, [t-esc], [t-out], [t-raw]{border-radius: 2px;}[t-esc], [t-out], [t-raw]{background-color: rgba(36, 154, 255, 0.16) !important;}[t-esc]:empty::before{content: attr(t-esc);}[t-raw]:empty::before{content: attr(t-raw);}[t-out]:empty::before{content: attr(t-out);}t[t-set]{display: none;}t[data-oe-t-inline]{display: inline;}t:not([data-oe-t-inline]){display: block;}t[data-oe-t-inline]:not([data-oe-t-group-active]){display: unset;}[data-oe-t-group]:not([data-oe-t-group-active]){display: none !important;}[data-oe-t-group][data-oe-t-selectable]{outline: 1px dashed rgba(0, 0, 102, 0.4) !important;}}.oe-qweb-select{position: absolute; z-index: 1051; background-color: white;}

/* /web_editor/static/src/scss/web_editor.frontend.scss defined in bundle 'web.assets_frontend' */
@include media-breakpoint-down(sm){img, .media_iframe_video, span.fa, i.fa{transform: none !important;}}.o_wysiwyg_loader{@extend :disabled; pointer-events: none; min-height: 100px; color: transparent;}.o_wysiwyg_loading{@include o-position-absolute($top: 50%, $left: 50%); transform: translate(-50%, -50%)}.ui-autocomplete{max-height: 50vh; overflow-y: auto; overflow-x: hidden; .ui-menu-item{padding: 0; > .ui-state-active{border: none; font-weight: normal; margin: 0;}}}// Background shapes @function compute-shape-url-params($colors, $color-to-cc-bg-map){$url-params: ''; @each $i in $colors{$mapped-color: map-get($color-to-cc-bg-map, $i); $color: encode-color(#{o-color($mapped-color)}); $url-params: '#{$url-params}&c#{$i}=#{$color}';}@return $url-params;}.o_we_shape{@extend %o-we-background-layer; &.o_we_animated{will-change: transform;}// Default map to use to map shape file colors to color combination // background colors. $default-color-to-cc-bg-map: ( 1: 4, 2: 3, 3: 2, 4: 1, 5: 5, ); @each $module, $shapes in $o-bg-shapes{@each $shape, $style in $shapes{$colors: map-get($style, 'colors'); $color-to-cc-bg-map: map-merge($default-color-to-cc-bg-map, map-get($style, 'color-to-cc-bg-map') or ()); $url-params: compute-shape-url-params($colors, $color-to-cc-bg-map); $extra-mappings: map-get($style, 'extra-mappings') or (); // eg: o_website_shape_bg_1 &.o_#{$module}_#{str-replace($shape, '/', '_')}{// When the shape is not customized, this URL, built in SCSS, // allows for the shape to respond to palette changes. // Mainly useful for default pages built by the configurator. background-image: url("/web_editor/shape/#{$module}/#{$shape}.svg?#{str-slice($url-params, 2)}"); background-position: map-get($style, 'position'); background-size: map-get($style, 'size'); background-repeat: if(map-get($style, 'repeat-x'), repeat, no-repeat) if(map-get($style, 'repeat-y'), repeat, no-repeat); @each $mapping-name, $mapping in $extra-mappings{$color-to-cc-bg-map: map-merge($default-color-to-cc-bg-map, $mapping or ()); $url-params: compute-shape-url-params($colors, $color-to-cc-bg-map); &.o_#{$mapping-name}_extra_shape_mapping{background-image: url("/web_editor/shape/#{$module}/#{$shape}.svg?#{str-slice($url-params, 2)}");}}}}}}@include media-breakpoint-down(sm){.o_we_shape{display: none;}}.o_we_flip_x{transform: scaleX(-1);}.o_we_flip_y{transform: scaleY(-1);}.o_we_flip_x.o_we_flip_y{transform: scale(-1);}

/* /portal/static/src/scss/bootstrap.extend.scss defined in bundle 'web.assets_frontend' */
@each $breakpoint in map-keys($grid-breakpoints){@include media-breakpoint-up($breakpoint){$infix: breakpoint-infix($breakpoint, $grid-breakpoints); @if $infix != ''{// Standard ones are already created by bootstrap @each $prop, $abbrev in (width: w, height: h){@each $size, $length in $sizes{.#{$abbrev}#{$infix}-#{$size}{#{$prop}: $length !important;}}}}}}

/* /portal/static/src/scss/portal.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups the frontend general design rules and portal design /// rules. /// // ====== Variables ========= $o-theme-navbar-logo-height: $nav-link-height !default; $o-theme-navbar-fixed-logo-height: $nav-link-height !default; // Portal toolbar (filters, search bar) $o-portal-mobile-toolbar: true; // Enable/Disable custom design $o-portal-mobile-toolbar-border: $border-color; $o-portal-mobile-toolbar-bg: $gray-200; // Portal Tables $o-portal-table-th-pt: map-get($spacers, 2) !default; // bts4 pt-2 $o-portal-table-th-pb: map-get($spacers, 2) !default; // bts4 pb-2 $o-portal-table-td-pt: map-get($spacers, 1) !default; // bts4 pt-1 $o-portal-table-td-pb: map-get($spacers, 1) !default; // bts4 pb-1 // Portal custom bg color $o-portal-bg-color: desaturate($gray-200, 100%); // Check if portal uses default colors $o-portal-use-default-colors: $body-bg == $o-portal-default-body-bg; // Frontend general body{// Set frontend direction that will be flipped with // rtlcss for right-to-left text direction. direction: ltr;}header{.navbar-brand{flex: 0 0 auto; max-width: 75%; &.logo{padding-top: 0; padding-bottom: 0; img{// object-fit does not work on IE but is only used as a fallback object-fit: contain; display: block; width: auto; height: $o-theme-navbar-logo-height; @include media-breakpoint-down(sm){max-height: min($o-theme-navbar-logo-height, 5rem);}}}}.nav-link{white-space: nowrap;}}.navbar{margin-bottom: 0; .nav.navbar-nav.float-right{@include media-breakpoint-down(sm){float: none!important;}}}@include media-breakpoint-up(md){.navbar-expand-md ul.nav > li.divider{display: list-item;}}ul.flex-column > li > a{padding: 2px 15px;}// Link without text but an icon a, .btn-link{&.fa:hover{text-decoration: $o-theme-btn-icon-hover-decoration;}}// Odoo options classes .jumbotron{margin-bottom: 0;}// Typography ul{list-style-type: disc;}ul ul{list-style-type: circle;}ul ul ul{list-style-type: square;}ul ul ul ul{list-style-type: disc;}ul ul ul ul ul{list-style-type: circle;}ul ul ul ul ul ul{list-style-type: square;}ul ul ul ul ul ul ul{list-style-type: disc;}ol{list-style-type: decimal;}ol ol{list-style-type: lower-alpha;}ol ol ol{list-style-type: lower-greek;}ol ol ol ol{list-style-type: decimal;}ol ol ol ol ol{list-style-type: lower-alpha;}ol ol ol ol ol ol{list-style-type: lower-greek;}ol ol ol ol ol ol ol{list-style-type: decimal;}li > p{margin: 0;}// Bootstrap hacks %o-double-container-no-padding{padding-right: 0; padding-left: 0;}.container{.container, .container-fluid{@extend %o-double-container-no-padding;}}.container-fluid .container-fluid{@extend %o-double-container-no-padding;}#wrap{.container, .container-fluid{// BS3 used to do this on all containers so that margins and floats are // cleared inside containers. As lots of current odoo layouts may rely // on this for some alignments, this is restored (at least for a while) // here only for main containers of the frontend. &::before, &::after{content: ""; display: table; clear: both;}}}[class^="col-lg-"]{min-height: 24px;}.input-group{flex-flow: row nowrap;}.list-group-item:not([class*="list-group-item-"]):not(.active){color: color-yiq($list-group-bg);}%o-portal-breadcrumbs{background-color: inherit;}// Replaces old BS3 page-header class %o-page-header{margin-bottom: $headings-margin-bottom * 2; padding-bottom: $headings-margin-bottom; border-bottom-width: $border-width; border-bottom-style: solid; border-bottom-color: $border-color;}.o_page_header{@extend %o-page-header;}// Images spacing img, .media_iframe_video, .o_image{&.float-right{margin-left: $grid-gutter-width / 2;}&.float-left{margin-right: $grid-gutter-width / 2;}}// Others ::-moz-selection{background: rgba(150, 150, 220, 0.3);}::selection{background: rgba(150, 150, 220, 0.3);}.oe_search_box{padding-right: 23px;}// Kept for (up to) saas-12 compatibility .para_large{font-size: 120%;}.jumbotron .para_large p{font-size: 150%;}.readable{font-size: 120%; max-width: 700px; margin-left: auto; margin-right: auto; .container{padding-left: 0; padding-right: 0; width: auto;}}// Background (kept for 8.0 compatibility) (! some are still used by website_blog) .oe_dark{background-color: rgba(200, 200, 200, 0.14);}.oe_black{background-color: rgba(0, 0, 0, 0.9); color: white;}.oe_green{background-color: #169C78; color: white; .text-muted{color: #ddd !important;}}.oe_blue_light{background-color: #41b6ab; color: white; .text-muted{color: #ddd !important;}}.oe_blue{background-color: #34495e; color: white;}.oe_orange{background-color: #f05442; color: white; .text-muted{color: #ddd !important;}}.oe_purple{background-color: #b163a3; color: white; .text-muted{color: #ddd !important;}}.oe_red{background-color: #9C1b31; color: white; .text-muted{color: #ddd !important;}}.oe_none{background-color: #FFFFFF;}.oe_yellow{background-color: #A2A51B;}.oe_green{background-color: #149F2C;}// Portal specific // === Page custom bg === // To be applied to all portal pages if bg-color is white (default). @if ($o-portal-use-default-colors){#wrapwrap.o_portal{@include o-bg-color($o-portal-bg-color, $with-extras: false);}}.o_portal{.breadcrumb{@extend %o-portal-breadcrumbs;}> tbody.o_portal_report_tbody{vertical-align: middle;}}.o_portal_wrap{.o_portal_my_home > .o_page_header > a:hover{text-decoration: none;}.o_portal_navbar{.breadcrumb{padding-left: 0; padding-right: 0; @extend %o-portal-breadcrumbs;}@if ($o-portal-use-default-colors){background-color: white!important;}}.o_portal_my_doc_table{th{padding-top: $o-portal-table-th-pt; padding-bottom: $o-portal-table-th-pb; max-width: 500px;}td{padding-top: $o-portal-table-td-pt; padding-bottom: $o-portal-table-td-pb; max-width: 10rem;}tr:last-child td{padding-bottom: $o-portal-table-td-pb * 1.5;}td, th{vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}}address{span[itemprop="name"]{margin-bottom: 0.3em;}div[itemprop="address"] > div{position: relative; span[itemprop="streetAddress"]{line-height: 1.2; margin-bottom: 0.3em;}.fa{@include o-position-absolute(0, $left: 0); line-height: $line-height-base; + span, + div{display: block; // FontAwesome '.fa-fw' fixed-with + margin padding-left: 1.28571429em + 0.5em;}}}}.o_my_sidebar div[itemprop="address"] > div{margin-top: 0.5em;}@if ($o-portal-mobile-toolbar){#o_portal_navbar_content{@include media-breakpoint-down(md){margin: $navbar-padding-y (-$navbar-padding-x) 0; padding: $navbar-padding-y $navbar-padding-x ; border-top: $border-width solid $o-portal-mobile-toolbar-border; background-color: $o-portal-mobile-toolbar-bg;}}}table.table tr{word-wrap: break-word;}}.oe_attachments .o_image_small{height: 40px; width: 50px; background-repeat: no-repeat;}form label{font-weight: $font-weight-bold; &.label-optional{font-weight: $font-weight-normal;}}.o_portal_contact_img{width: 2.3em; height: 2.3em; object-fit: cover;}.o_portal_sidebar{#sidebar_content.card{border-left: 0; border-bottom: 0; > div.card-body{border-left: $border-width solid $border-color;}> ul > li{border-left: $border-width solid $border-color; margin-bottom: -1px;}> div.card-footer{border-left: $border-width solid $border-color; border-bottom: $border-width solid $border-color;}}.o_portal_html_view{overflow: hidden; background: white; position: relative; .o_portal_html_loader{@include o-position-absolute(45%, 0, auto, 0);}iframe{position: relative;}}}// ------------------------------------------------------------ // Frontend Discuss widget // ------------------------------------------------------------ // Readonly display .o_portal_chatter{padding: 10px; .o_portal_chatter_avatar{width: 45px; height: 45px; margin-right: 1rem;}.o_portal_chatter_header{margin-bottom: 15px;}.o_portal_chatter_composer{margin-bottom: 15px;}.o_portal_chatter_messages{margin-bottom: 15px; overflow-wrap: break-word; word-break: break-word; .o_portal_chatter_message{div.media-body > p:not(.o_portal_chatter_puslished_date):last-of-type{margin-bottom: 5px;}}.o_portal_chatter_message_title{p{font-size: 85%; color: $text-muted; margin: 0px;}}}.o_portal_chatter_pager{text-align: center;}}// Readonly / Composer mix display .o_portal_chatter, .o_portal_chatter_composer{.o_portal_chatter_attachment{.o_portal_chatter_attachment_name{word-wrap: break-word;}.o_portal_chatter_attachment_delete{@include o-position-absolute($top: 0, $right: 0); opacity: 0;}&:hover .o_portal_chatter_attachment_delete{opacity: 1;}}.o_portal_message_internal_off{.btn-danger{display: none;}}.o_portal_message_internal_on{.btn-success{display: none;}}}.o_portal_security_body{@extend .mx-auto; max-width: map-get($container-max-widths, sm); section{@extend .mt-4; form.oe_reset_password_form{max-width: initial; margin: initial;}.form-group{// for the absolutely positioned meter on new password position: relative;}label, button{@extend .text-nowrap;}}}// Copyright .o_footer_copyright{.o_footer_copyright_name{vertical-align: middle;}.js_language_selector{display: inline-block;}@include media-breakpoint-up(md){.row{display: flex; > div{margin: auto 0;}}}}

/* /payment/static/src/scss/portal_payment.scss defined in bundle 'web.assets_frontend' */
input#cc_number{background-repeat: no-repeat; background-position: center right calc(2.7em);}div.card_placeholder{background-image: url("/payment/static/src/img/placeholder.png"); background-repeat: no-repeat; width: 32px; height: 20px; position: absolute; top: 8px; right: 20px; -webkit-transition: 0.4s cubic-bezier(0.455,0.03,0.515,0.955); transition: 0.4s cubic-bezier(0.455,0.03,0.515,0.955); pointer-events: none;}div.o_card_brand_detail{position: relative; div.card_placeholder{right: 5px;}}div.amex{background-image: url("/payment/static/src/img/amex.png"); background-repeat: no-repeat;}div.diners{background-image: url("/payment/static/src/img/diners.png"); background-repeat: no-repeat;}div.discover{background-image: url("/payment/static/src/img/discover.png"); background-repeat: no-repeat;}div.jcb{background-image: url("/payment/static/src/img/jcb.png"); background-repeat: no-repeat;}div.mastercard{background-image: url("/payment/static/src/img/mastercard.png"); background-repeat: no-repeat;}div.visa{background-image: url("/payment/static/src/img/visa.png"); background-repeat: no-repeat;}ul.checkout img.rounded{max-width: 100px; max-height: 40px;}

/* /payment/static/src/scss/payment_form.scss defined in bundle 'web.assets_frontend' */
.o_payment_form{label > input[type="radio"], input[type="checkbox"]{vertical-align: middle; margin-right: 5px;}.payment_option_name{font-size: 14px; font-weight: normal !important; font-family: Helvetica Neue, sans-serif; line-height: 1.3em; color: #4d4d4d;}label{font-weight: normal; margin-top: 5px;}.card{border-radius: 5px; overflow: hidden;}.card-body{&:not(:first-child){border-top: 1px solid #dddddd;}padding: 1.14em !important; &.o_payment_option_card:hover{cursor: pointer;}}.card-footer{padding: 0.5rem; label{margin-top: 15px;}}.card-footer:last-child{border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;}.payment_icon_list{position: relative; li{padding-left: 5px !important; padding-right: 0px !important;}.more_option{@include o-position-absolute($right: 10px); font-size:10px;}margin-top: 0px !important; margin-bottom: -5px !important;}}

/* /sale/static/src/scss/sale_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_vertical_align{display: flex; align-items: center;}.orders_label_text_align{vertical-align: 15%;}.sale_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;}.sale_tbody input.js_quantity{min-width: 48px; text-align: center;}.sale_tbody div.input-group.w-50.pull-right{width: 100% !important;}.o_portal .sale_tbody .js_quantity_container{.js_quantity{padding: 0;}.input-group-text{padding: 0.2rem 0.4rem;}@include media-breakpoint-down(sm){width: 100%;}}

/* /rating/static/src/scss/rating.scss defined in bundle 'web.assets_frontend' */
 .o_rating_page_submit{.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn{margin-left: 0 !important;}.o_rating_label{transition: .3s; &:hover{transform: scale(1.1);}a{&.bg-white:hover, &.bg-white:focus{background-color: #ffffff !important;}}&.active{filter: drop-shadow(0 0 10px rgba(0,0,0,0.25)); -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,0.25)); transform: scale(1.1); a{&.bg-white:hover, &.bg-white:focus{background-color: #ffffff !important;}}}}}

/* /project/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */
.o_portal_project_rating{.thumbnail{height: 240px;}.o_top_partner_rating_image{height: 15px;}.o_top_partner_image{height: 30px; width: 30px;}.o_top_partner_feedback{word-wrap: break-word;}.o_vertical_separator{border-left: 1px solid #eeeeee}.o_rating_progress{margin-bottom: 10px;}.o_rating_count{display: inline-block; min-width: 22px}.o_smiley_no_padding_left{padding-left: 0;}.o_smiley_no_padding_right{padding-right: 0;}.o_lighter_smileys{opacity: 0.4}}.o_priority_star{display: inline-block; &.fa-star-o{color: $o-main-color-muted;}&.fa-star{color: $o-main-favorite-color;}}.o_status{display: block; background-color: gray('200'); height: 12px; width: 12px; box-shadow: inset 0 0 0 1px rgba($black, .2); .dropdown-item > &{transform: translateX(-50%);}}

/* /sale_timesheet/static/src/scss/sale_timesheet_portal.scss defined in bundle 'web.assets_frontend' */
.o_timesheet_accordion{.card-header{a{text-decoration: none; &:after{content: "\f0d7"; font-family: 'FontAwesome';}&.collapsed:after{content: "\f0da"; font-family: 'FontAwesome';}}}}

/* /google_recaptcha/static/src/scss/recaptcha.scss defined in bundle 'web.assets_frontend' */
// Hide google recaptcha V3 don't forget to add legal // https://developers.google.com/recaptcha/docs/faq#id-like-to-hide-the-recaptcha-badge.-what-is-allowed .grecaptcha-badge{visibility: hidden;}

/* /website/static/src/scss/website.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups the website design rules. /// $-seen-urls: (); @each $alias, $key in $o-font-aliases-to-keys{$-url: o-get-font-info($alias, 'url'); @if $-url and index($-seen-urls, $-url) == null{$-seen-urls: append($-seen-urls, $-url); {unquote($-url)}&display=swap");}@else{$-name: o-get-font-info($alias, 'name'); $-attachment: o-get-font-info($alias, 'attachment'); @if $-attachment{{$-attachment}/google-font-#{unquote($-name)}");}}}:root{// The theme customize modal JS will need to know the value of some scss // variables used to render the user website, and those may have been // customized by themes, the user or anything else (so there is no file to // parse to get them). Those will be printed here as CSS variables. @include print-variable('support-13-0-color-system', $o-support-13-0-color-system); @include print-variable('has-customized-13-0-color-system', $o-has-customized-13-0-color-system); // 1) Handle default values @include print-variable('header-font-size', $font-size-base); // 2) The values in the $theme-colors map are already printed by Bootstrap. // 3) The values in the $colors map are also printed by Bootstrap. However, // we have color variables which can contain a reference to a color // combination and that is the info we want in that case. @each $key in ('menu', 'header-boxed', 'footer', 'copyright'){$-value: map-get($o-color-palette, $key); @if type-of($-value) == 'number'{@include print-variable($key, $-value);}}// 4) The Odoo values map, $o-website-values, must be printed. @each $key, $value in $o-website-values{@include print-variable($key, $value);}// 5) Use final value used by the theme @include print-variable('body', $body-bg); @include print-variable('logo-height', $o-theme-navbar-logo-height); @include print-variable('fixed-logo-height', $o-theme-navbar-fixed-logo-height); $-font-names: map-keys($o-theme-font-configs); @include print-variable('number-of-fonts', length($-font-names)); $i: 1; @each $font-name in $-font-names{@include print-variable('font-number-#{$i}', $font-name); $i: $i + 1;}@include print-variable('btn-padding-y', $btn-padding-y); @include print-variable('btn-padding-x', $btn-padding-x); @include print-variable('btn-font-size', $btn-font-size); @include print-variable('btn-padding-y-sm', $btn-padding-y-sm); @include print-variable('btn-padding-x-sm', $btn-padding-x-sm); @include print-variable('btn-font-size-sm', $btn-font-size-sm); @include print-variable('btn-padding-y-lg', $btn-padding-y-lg); @include print-variable('btn-padding-x-lg', $btn-padding-x-lg); @include print-variable('btn-font-size-lg', $btn-font-size-lg); @include print-variable('btn-border-width', $btn-border-width); @include print-variable('btn-border-radius', $btn-border-radius); @include print-variable('btn-border-radius-sm', $btn-border-radius-sm); @include print-variable('btn-border-radius-lg', $btn-border-radius-lg); @include print-variable('input-padding-y', $input-padding-y); @include print-variable('input-padding-x', $input-padding-x); @include print-variable('input-font-size', $input-font-size); @include print-variable('input-padding-y-sm', $input-padding-y-sm); @include print-variable('input-padding-x-sm', $input-padding-x-sm); @include print-variable('input-font-size-sm', $input-font-size-sm); @include print-variable('input-padding-y-lg', $input-padding-y-lg); @include print-variable('input-padding-x-lg', $input-padding-x-lg); @include print-variable('input-font-size-lg', $input-font-size-lg); @include print-variable('input-border-width', $input-border-width); @include print-variable('input-border-radius', $input-border-radius); @include print-variable('input-border-radius-sm', $input-border-radius-sm); @include print-variable('input-border-radius-lg', $input-border-radius-lg); @include print-variable('color-palettes-name', $o-original-color-palette-name); @include print-variable('has-customized-colors', $o-has-customized-colors); // 6) Get list of colorpalette custom colors $custom-colors: (); @each $key, $value in $o-color-palette{$custom-colors: append($custom-colors, $key);}@include print-variable('custom-colors', $custom-colors);}#wrapwrap{@if o-website-value('body-image'){background-image: url("/#{str-slice(o-website-value('body-image'), 2)}"); background-position: center; background-attachment: fixed; @if o-website-value('body-image-type') == 'pattern'{background-size: auto; background-repeat: repeat;}@else{background-size: cover; background-repeat: no-repeat;}}@if o-website-value('layout') != 'full'{> main{background-color: o-color('o-cc1-bg');}@include media-breakpoint-up(sm){padding-right: $grid-gutter-width * 2; padding-left: $grid-gutter-width * 2; > *{// When the website is visually acting like a container (eg. // boxed layout), increase its maximum size to handle bigger // horizontal paddings. $-max-widths: (); @each $key, $value in $container-max-widths{$-max-widths: map-merge($-max-widths, ( #{$key}: $value + $grid-gutter-width * 2, ));}@include make-container(0); @include make-container-max-widths($-max-widths);}> header .container{max-width: 100% !important;}// Vertical alignment when top-menu has visually "no background" $-menu-color: o-color('menu-custom') or o-color('menu'); @if (not $-menu-color or $-menu-color == o-color('body')){> header{.navbar, .container{padding-left: 0; padding-right: 0;}}}}@if o-website-value('layout') == 'framed'{@include media-breakpoint-up(md){padding-top: $grid-gutter-width; padding-bottom: $grid-gutter-width * 1.5;}}@else if o-website-value('layout') == 'postcard'{@include media-breakpoint-up(md){$-border-radius: $border-radius-lg; // Don't know why (browser rounding mistake?) but the inner // border radius must be 1px lower for this to be visually ok // (despite the fact there is no border or any space) $-inner-border-radius: $-border-radius - 0.0625rem; > *{margin-bottom: $spacer * 2;}> header{&, &.o_header_affix{.navbar{@include border-bottom-radius($-border-radius);}}}> main, > footer{@include border-radius($-border-radius); .oe_structure > :first-child{@include border-top-radius($-inner-border-radius);}}> main .oe_structure > :last-child, .o_footer_copyright{@include border-bottom-radius($-inner-border-radius);}}}}}body:not(.o_fullscreen){#oe_main_menu_navbar:not(.o_hidden) + #wrapwrap{.o_header_affixed, .modal{// For these elements, in #wrapwrap, position top should be size of // the navbar. top: $o-navbar-height;}.modal{// As the default bootstrap style no longer uses 'bottom: 0' and // added 'height: 100%' since the V4.2 because of a bug on Android. // We have to adapt the height of the modal by removing the height // of the navbar. height: calc(100vh - #{$o-navbar-height});}}}.navbar{.navbar-collapse{min-width: 0; // Allows it to shrink during loading}.btn{// This was a default bootstrap style before but it was removed from // the library at some point. It seems important in the header so that // the header does not flicker during loading. white-space: nowrap;}.o_menu_image_placeholder{width: 80px !important;}#top_menu{flex-wrap: nowrap !important; &.o_menu_loading{overflow: hidden !important; opacity: 0 !important;}}}.navbar-brand, .navbar-text, .navbar .nav-link, .navbar a.js_change_lang span, .navbar a.o_add_language{@if $o-theme-navbar-font != $o-theme-font{font-family: $o-theme-navbar-font;}}.navbar-light{// Style only navbar-light which Odoo is only supposed to use in standard // anyway. Automatically mimic navbar-dark if the user's menu color is dark. // Note: this only works because navbar-light is defined before navbar-dark, // we may want to use a safest way when possible. @include o-apply-colors('menu'); @include o-apply-colors('menu-custom'); $-menu-color: o-color('menu-custom') or o-color('menu'); @if ($-menu-color and color-yiq($-menu-color) != $yiq-text-dark){@extend .navbar-dark;}@include o-add-gradient('menu-gradient');}$-header-nav-link-height: $nav-link-height; @if o-website-value('header-font-size'){$-header-nav-link-height: o-website-value('header-font-size') * $line-height-base + $nav-link-padding-y * 2; header{font-size: o-website-value('header-font-size'); .dropdown-menu, .btn{font-size: inherit;}}}@if $o-theme-navbar-logo-height{// With default values, this makes it slightly bigger than standard // navbar-brand, which is what we want header .navbar-brand{font-size: $o-theme-navbar-logo-height / $line-height-base; $-logo-padding-y: max(0, $-header-nav-link-height - $o-theme-navbar-logo-height) / 2; &, &.logo{padding-top: $-logo-padding-y; padding-bottom: $-logo-padding-y;}}}.o_footer{@include o-apply-colors('footer'); @include o-apply-colors('footer-custom'); @include o-add-gradient('footer-gradient'); .o_footer_copyright{$-footer-color: o-color('footer-custom') or o-color('footer'); @include o-apply-colors('copyright', $background: $-footer-color); @include o-apply-colors('copyright-custom', $background: $-footer-color); @include o-add-gradient('copyright-gradient');}.s_popup{// The colors of the footer must not impact the "all pages" popup. @include o-apply-colors(1);}}h2, h3, h4, h5, h6{color: color('o-cc1-h2');}h3, h4, h5, h6{color: color('o-cc1-h3');}h4, h5, h6{color: color('o-cc1-h4');}h5, h6{color: color('o-cc1-h5');}h6{color: color('o-cc1-h6');}.btn{@if ($o-theme-buttons-font != $o-theme-font){font-family: $o-theme-buttons-font;}}// Texts font[style*='background']:not(.text-gradient), font[class*='bg-']{padding: 2px 6px 4px;}// Icons .fa{font-family: "FontAwesome" !important; $size: 3rem; &.rounded-circle, &.rounded, &.rounded-0, &.rounded-leaf, &.img-thumbnail, &.shadow{display: inline-block; vertical-align: middle; text-align: center; // fa-1x is not ouput @include size($size); line-height: $size; @for $i from 2 through 5{&.fa-#{$i}x{@include size($size + $i); line-height: $size + $i;}}// Default, if no background-color already selected background-color: $gray-100;}&.img-thumbnail{padding: 0;}&.rounded-leaf{border-top-left-radius: $size; border-bottom-right-radius: $size;}&.rounded-empty-circle{@extend .rounded-circle; border-width: ceil(1.4 * $border-width); border-style: solid; background: transparent;}}// Smaller container .o_container_small{@extend .container; @include media-breakpoint-up(lg){max-width: map-get($container-max-widths, md);}}// Buttons .btn{&.flat{border: 0; letter-spacing: 0.05em; text-transform: uppercase; @include button-size(0.75rem, 1.5rem, ($font-size-base * .75), $btn-line-height, 0); &.btn-lg{@include button-size(1rem, 2rem, ($font-size-lg * .75), $btn-line-height-lg, 0);}&.btn-sm{@include button-size(.5rem, 1rem, ($font-size-sm * .75), $btn-line-height-sm, 0);}&.btn-xs{@include button-size(.25rem, .5rem, ($font-size-base * .5), $btn-line-height-sm, 0);}}&.rounded-circle{border-radius: 100px !important; @include button-size(0.45rem, 1.35rem, $font-size-base, $btn-line-height, 30px); &.btn-lg{@include button-size(.6rem, 1.8rem, $font-size-lg, $btn-line-height-lg, 30px);}&.btn-sm{@include button-size(.3rem, .9rem, $font-size-sm, $btn-line-height-sm, 30px);}&.btn-xs{@include button-size(.15rem, .45rem, ($font-size-base * .75), $btn-line-height-sm, 30px);}}}// Background Images .oe_img_bg{background-size: cover; background-repeat: no-repeat; &.o_bg_img_opt_repeat{background-size: auto; background-repeat: repeat;}&.o_bg_img_center{background-position: center;}// Compatibility <= 13.0, TODO remove? // ----------------------------------- &.o_bg_img_opt_contain{background-size: contain; background-position: center center;}&.o_bg_img_opt_custom{background-size: auto;}&.o_bg_img_opt_repeat_x{background-repeat: repeat-x;}&.o_bg_img_opt_repeat_y{background-repeat: repeat-y;}}// Background videos .o_bg_video_container{@extend %o-we-background-layer;}.o_bg_video_iframe{position: relative; pointer-events: none !important;}.o_bg_video_loading{@include o-position-absolute(0, 0 ,0 ,0);}.o_background_video, .parallax{@extend %o-we-background-layer-parent;}// Probably outdated // Disable fixed height @include media-breakpoint-down(sm){section, .parallax, .row, .hr, .blockquote{height: auto !important;}}// Probably outdated // Table .table_desc{margin: 0 0 20px 0; width: 100%; word-break: break-all; border: 1px solid #dddddd;}.table_heading{background-color: #f5f5f5; border: 1px solid #dddddd; color: #666666; font-size: 14px; padding: 4px;}table.table_desc tr td{text-align: left; padding: 5px; font-size: 13px; &:first-child{width: 25%; font-weight: bold; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; border-left: none;}&:last-child{border-bottom: 1px solid #c9c9c9;}}// Jumbotron .jumbotron{border-radius: 0;}.o_full_screen_height{display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh !important;}.o_half_screen_height{@extend .o_full_screen_height; min-height: 55vh !important;}// TODO remove cover_full and cover_mid classes (kept for compatibility for now) .cover_full{@extend .o_full_screen_height;}.cover_mid{@extend .o_half_screen_height;}// Allows custom border radius without contents overflowing. .card{overflow: hidden;}// // Snippets // // Carousel -> TODO: should be versioned in 000.scss file but how ? .s_carousel, .s_quotes_carousel{// Controls .carousel-control-prev, .carousel-control-next{position: absolute; cursor: pointer; width: 8%; opacity: 1;}@include media-breakpoint-down(sm){.carousel-control-prev, .carousel-control-next{display: none; // remove arrows on mobile}}.carousel-control-prev{justify-content: flex-start;}.carousel-control-next{justify-content: flex-end;}.carousel-control-prev-icon, .carousel-control-next-icon{@include size(auto); background-image: none; color: $body-color; &:before{font-family: "FontAwesome"; display: inline-block; background-color: #fff;}}// Content .carousel-inner{overflow: hidden; height: 100%; .carousel-item{height: 100%;}}// Indicators .carousel-indicators{position: absolute; li:hover:not(.active){background-color: rgba(255,255,255,.8);}}// Default &.s_carousel_default{// Controls - chevron .carousel-control-prev-icon:before{content: "\f053" #{""}; margin-left: 1.5rem;}.carousel-control-next-icon:before{content: "\f054" #{""}; margin-right: 1.5rem;}.carousel-control-prev-icon:before, .carousel-control-next-icon:before{background-color: rgba(0,0,0,0); font-size: 2rem; color: #fff; text-shadow: $box-shadow-sm;}// Indicators .carousel-indicators li{height: .6rem; margin-bottom: .5rem; border: 0; border-radius: $border-radius-sm; box-shadow: $box-shadow-sm;}}// Border &.s_carousel_bordered{border: 2rem solid rgba(0,0,0,0); @include media-breakpoint-down(sm){border: 0.5rem solid rgba(0,0,0,0);}// Controls - caret .carousel-control-prev-icon:before{content: "\f0d9";}.carousel-control-next-icon:before{content: "\f0da";}.carousel-control-prev-icon:before, .carousel-control-next-icon:before{@include size(2rem, 6rem); line-height: 6rem; font-size: 1.5rem;}// Indicators .carousel-indicators li{@include size(3rem, 1rem);}}// Circle &.s_carousel_rounded{// Container // .carousel-inner{// border-top-left-radius: 10rem; // border-bottom-right-radius: 10rem; //}// Controls - arrow .carousel-control-prev{margin-left: 1.5rem;}.carousel-control-next{margin-right: 1.5rem;}.carousel-control-prev-icon:before{content: "\f060";}.carousel-control-next-icon:before{content: "\f061";}.carousel-control-prev-icon:before, .carousel-control-next-icon:before{@include size(4rem); line-height: 4rem; border-radius: 50%; font-size: 1.25rem;}// Indicators .carousel-indicators li{@include size(1rem); border-radius: 50%;}}// Boxed &.s_carousel_boxed{@include make-container(); @include make-container-max-widths(); .carousel-item{padding: 0 1rem;}// Controls - angle .carousel-control-prev, .carousel-control-next{align-items: flex-end; margin-bottom: 1.25rem;}.carousel-control-prev{margin-left: 3rem;}.carousel-control-next{margin-right: 3rem;}.carousel-control-prev-icon:before{content: "\f104";}.carousel-control-next-icon:before{content: "\f105";}.carousel-control-prev-icon:before, .carousel-control-next-icon:before{@include size(2rem); line-height: 2rem; font-size: 1.25rem;}// Indicators .carousel-indicators li{@include size(1rem); &:hover:not(.active){background-color: rgba(255,255,255,.8);}}}}.carousel .container{.carousel-img img{max-height: 95%; padding: 10px;}> .carousel-caption{@include o-position-absolute($right: 50%, $left: 50%); bottom: 20px; > div{position: absolute; text-align: left; padding: 20px; background: rgba(0, 0, 0, 0.4); bottom: 20px;}}> .carousel-image{@include o-position-absolute($top: 5%, $bottom: 5%); max-height: 90%; margin: 0 auto;}.carousel-item.text_image .container{> .carousel-caption{left: 10%; > div{right: 50%; margin-right: -20%; max-width: 550px;}}> .carousel-image{right: 10%; left: 50%;}}.carousel-item.image_text .container{> .carousel-caption{right: 10%; > div{left: 50%; margin-left: -20%; max-width: 550px;}}> .carousel-image{right: 50%; left: 10%;}}.carousel-item.text_only .container{> .carousel-caption{left: 10%; right: 10%; top: 10%; bottom: auto; > div{text-align: center; background: transparent; bottom: auto; width: 100%;}}> .carousel-image{display: none !important;}}}// Parallax .parallax{// TODO this introduces a limitation: no dropdown will be able to // overflow. Maybe there is a better way to find. &:not(.s_parallax_no_overflow_hidden){overflow: hidden;}> .s_parallax_bg{@extend %o-we-background-layer;}@include media-breakpoint-up(xl){// Fixed backgrounds are disabled when using a mobile/tablet device, // which is not a big deal but, on some of them (iOS...), defining the // background as fixed breaks the background-size/position props. // So we enable this only for >= XL devices. &.s_parallax_is_fixed > .s_parallax_bg{background-attachment: fixed;}}}// Keeps parallax snippet element selectable when Height = auto. .s_parallax{min-height: 10px;}// // Layout // $-transition-duration: 200ms; // Affixed Header .o_header_affixed{display: block; @include o-position-absolute(0, 0, auto, 0); position: fixed; // TODO remove me in master, the $light color makes no sense as is visible // if the header uses rounded corners but is impossible to edit / remove. // As a stable fix, it was decided to not remove it if the header uses a // transparent color, in which case mixing it with $light actually alters // the whole menu color. In case there is a background gradient, we suppose // it is opaque and remove the $light color. $-menu-color: o-color('menu-custom') or o-color('menu'); @if not o-website-value('menu-gradient') and (not $-menu-color or alpha($-menu-color) < 0.95){background: $light;}&:not(.o_header_no_transition){transition: transform $-transition-duration;}@if o-website-value('header-template') == 'boxed'{background: transparent;}&.o_header_is_scrolled{.navbar-brand{font-size: $o-theme-navbar-fixed-logo-height / $line-height-base; img{height: $o-theme-navbar-fixed-logo-height;}}@if o-website-value('header-template') == 'vertical'{.o_header_centered_logo{display: none;}@include media-breakpoint-up(lg){.navbar-brand{font-size: 0; opacity: 0; img{height: 0;}}}}}&.o_header_standard.o_header_is_scrolled{@if index(('menu_logo_below', 'logo_menu_below'), o-website-value('header-template')) != null{.navbar-brand{&, img{transition: none;}}}}}// Navbar .navbar .o_extra_menu_items.show > div{> li{+ li{border-top: 1px solid gray('200');}> a.dropdown-toggle{background-color: gray('200'); color: inherit; // Useful when the toggle is active pointer-events: none; // hack to prevent clicking on it because dropdown always opened}> ul, > .o_mega_menu{// remove dropdown-menu default style as it is nested in another one position: static; float: none; display: block; max-height: none; margin-top: 0; padding: 0; border: none; box-shadow: none;}> .o_mega_menu .row > div{// remove mega menu col-lg-* style max-width: none; flex: auto;}}}$-off-canvas-hamburger: o-website-value('hamburger-type') == 'off-canvas'; $-hamburger-left: o-website-value('hamburger-position') == 'left'; $-hamburger-center: o-website-value('hamburger-position') == 'center'; $-hamburger-right: o-website-value('hamburger-position') == 'right'; $zindex-website-header: $zindex-fixed !default; header{&#top{// We need this z-index for the shadow option of the header but also // to create a stacking context so that header dropdowns appear below // and above the same elements as the header. z-index: $zindex-website-header;}&:not(.o_header_no_transition){#top_menu_container{transition: all $-transition-duration;}.navbar-brand{transition: margin $-transition-duration, font-size $-transition-duration, opacity $-transition-duration ease-out; img{transition: height $-transition-duration;}}}// Dropdown menus // In mobile there is no need to limit the height... @include media-breakpoint-up(lg){.navbar .dropdown-menu{max-height: 60vh; overflow-y: auto; overflow-x: hidden; // Needed because of container in container having 0px padding... TODO improve}}// ... but we limit the navbar-collapse height .navbar-collapse.show{max-height: 80vh; overflow-y: auto; overflow-x: hidden; // Needed because of container in container having 0px padding... TODO improve @include media-breakpoint-down(md){.nav-link, .dropdown-item{white-space: normal;}}}&:not(.o_header_is_scrolled){$-is-hamburger: o-website-value('header-template') == 'hamburger'; @include media-breakpoint-up(md){@if $-is-hamburger{#top_menu_container{padding-top: $spacer * 0.5; padding-bottom: $spacer * 0.5;}}}}#top_menu_container{flex-direction: inherit;}.collapsing, .show{#top_menu{@if $-hamburger-center{@if not $-off-canvas-hamburger and not o-website-value('header-template') == 'magazine'{padding-top: 15vh; padding-bottom: 15vh;}text-align: center !important;}@else if $-hamburger-right{text-align: right;}}}@include media-breakpoint-up(md){// Allow to center the logo, ignoring the toggler space .o_navbar_toggler_container{flex: 0 0 0; min-width: 0; direction: if($-hamburger-left, ltr, rtl);}}nav.navbar{@if o-website-value('menu-border-width'){border: o-website-value('menu-border-width') o-website-value('menu-border-style') o-color('menu-border-color') !important;}border-radius: o-website-value('menu-border-radius') !important; box-shadow: o-website-value('menu-box-shadow') !important;}}@if $-off-canvas-hamburger{#top_menu_collapse{&.collapsing, &.show{@include o-position-absolute(0, 0, 0, 0); position: fixed; z-index: $zindex-sticky; height: 100vh; max-height: 100vh; transition: none; transform: none; @if o-website-value('header-template') == 'magazine'{@include media-breakpoint-up(lg){position: fixed;}#top_menu{align-items: normal !important;}}&, & > .o_header_collapsed_content_wrapper{// TODO improve: ugly code to reset a potential wrapper display: flex !important; flex-flow: if($-hamburger-left, row, row-reverse) nowrap !important; align-items: stretch !important; justify-content: flex-start !important;}> .o_header_collapsed_content_wrapper{// TODO improve: ugly code to reset a potential wrapper max-width: none !important; padding: 0 !important; margin: 0 !important;}.o_offcanvas_menu_backdrop{@include o-position-absolute(0, 0, 0, 0); opacity: .2; cursor: pointer;}#top_menu{flex: 0 0 auto !important; overflow: auto; flex-flow: column nowrap !important; @if $-hamburger-center{width: 100%; max-width: none; text-align: center !important;}@else{max-width: 560px; text-align: left !important; // Prevent #top_menu from overflowing the page below the // maximum width. (e.g. if contains an inline language // switcher with many elements.) @media(max-width: 560px){max-width: 100%;}}min-width: 250px; margin: 0 !important; background-color: o-color('menu-custom') or o-color('menu'); @include o-add-gradient('menu-gradient'); transition: transform $-transition-duration cubic-bezier(.694, .0482, .335, 1); @if $-hamburger-center{.o_offcanvas_menu_backdrop{display: none;}.o_offcanvas_menu_toggler{max-width: 90%;}}.nav-item, .o_offcanvas_logo{padding-left: $grid-gutter-width; padding-right: $grid-gutter-width;}.nav-item, .dropdown-menu{text-align: inherit;}.nav-item, .nav-link{margin: 0 !important;}.navbar-toggler{display: block !important;}// Open all dropdowns .dropdown-toggle{padding-bottom: $nav-link-padding-y*0.5; &:after{content: none;}}.dropdown-menu{display: block; padding-top:0; border: 0; background: inherit; color: inherit;}.dropdown-item{padding-left: .5em; padding-right: .5em;}.js_language_selector .dropdown-toggle{// Hide the language switcher button because it does not // make sense to show it if the dropdown is always open. display: none;}}@if o-website-value('header-template') == 'vertical'{.oe_structure_solo{// Hide the "oe_structure_solo" because it is outside the // menu when the off-canvas menu is open. display: none;}#top_menu{// This is useful because otherwise, the 'order-first' class // of the 'template_header_vertical' template puts the menu // behind the "backdrop" and it's no longer possible to // click on the menu links (only on Firefox). order: unset;}}.o_connected_user:not(.editor_has_snippets):not(.o_fullscreen) header &{padding-top: $o-navbar-height;}// The "off-canvas" navbar has a "fixed" position (therefore // relative to the viewport). But when the header is "affixed", the // "fixed" position of the navbar is no longer relative to the // viewport but it is relative to the header (this is due to // "transform" CSS rule of the "affixed" header. .o_connected_user:not(.editor_has_snippets):not(.o_fullscreen) header.o_header_affixed &{top: -$o-navbar-height;}.editor_has_snippets:not(.o_fullscreen) header:not(.o_header_affixed) &.collapsing, .editor_has_snippets:not(.o_fullscreen) header:not(.o_header_affixed) &.show{right: $o-we-sidebar-width;}}&.collapsing #top_menu{@if $-hamburger-center{transform: translateY(-100%);}@else if $-hamburger-left{transform: translateX(-100%);}@else if $-hamburger-right{transform: translateX(100%);}}&.show #top_menu{transform: translate(0);}.o_offcanvas_menu_backdrop{@if $-hamburger-left{background-image: linear-gradient(90deg, currentColor 20%, transparent);}@else{background-image: linear-gradient(-90deg, currentColor 20%, transparent);}}}}@if o-website-value('header-template') == 'vertical'{header .o_header_centered_logo{order: -1; width: 50%; margin-top: $spacer; @include media-breakpoint-up(lg){order: inherit; width: 40%; margin-bottom: $spacer;}}.navbar-nav{padding-top: $navbar-padding-y; padding-bottom: $navbar-padding-y;}}@else if o-website-value('header-template') == 'sidebar'{@include media-breakpoint-up(lg){#wrapwrap{// Hack: padding is also used by layout option (boxed, etc), need to // combine both options/effects... @if $-hamburger-right{border-right: o-website-value('sidebar-width') solid transparent;}@else{border-left: o-website-value('sidebar-width') solid transparent;}// ... but don't use it on Safari, it doesn't work, the menu is // somehow broken and not visible. &.o_safari_browser{$padding-size: o-website-value('sidebar-width'); @if o-website-value('layout') != 'full'{$padding-size: calc(#{$grid-gutter-width}* 2 + #{$padding-size});}@if $-hamburger-right{padding-right: $padding-size; border-right: none;}@else{padding-left: $padding-size; border-left: none;}}> header{@if $-hamburger-right{@include o-position-absolute(0, 0, 0, auto);}@else{@include o-position-absolute(0, auto, 0, 0);}position: fixed; z-index: $zindex-fixed; display: flex; width: o-website-value('sidebar-width'); transform: none !important; .navbar{width: 100%; align-items: start; padding: $spacer; .navbar-brand{max-width: 100%; padding: 0 0 $spacer 0;}#top_menu_container{flex-direction: column; align-items: start; padding: 0;}.navbar-nav{flex-direction: column;}.nav-link, .dropdown-item{white-space: initial;}.dropdown-menu{position: static;}}}}body.o_connected_user:not(.o_fullscreen){&:not(.editor_has_snippets) #wrapwrap > header{top: $o-navbar-height;}&.editor_has_snippets #wrapwrap > header{@if $-hamburger-right{right: $o-we-sidebar-width;}}}}}@else if o-website-value('header-template') == 'boxed'{#wrapwrap:not(.o_header_overlay) .o_header_boxed_background{@include o-apply-colors('header-boxed'); @include o-apply-colors('header-boxed-custom'); @include o-add-gradient('header-boxed-gradient');}}@else if o-website-value('header-template') == 'centered_logo'{header .o_header_centered_logo{@include media-breakpoint-up(lg){width: 50%;}}}@else if o-website-value('header-template') == 'hamburger-full'{@if not $-off-canvas-hamburger{@include media-breakpoint-up(md){#wrapwrap{$o-hamburger-full-navbar-height: $o-theme-navbar-logo-height + ($navbar-padding-y * 2); > header{.navbar-collapse{max-height: 100vh; > .container{height: calc(100vh - #{$o-hamburger-full-navbar-height}); transition: height .3s ease;}.nav-link{padding-right: $nav-link-padding-x; padding-left: $nav-link-padding-x;}.dropdown-menu{position: absolute;}}}}}@include media-breakpoint-up(lg){#wrapwrap > header #top_menu{align-items: center !important;}}}}// Mega menu .o_mega_menu{width: 100%; padding: 0; margin-top: 0; border-radius: 0; background-clip: unset; // Remove the 1px gap introduced by BS4 .container, .container-fluid{// Need to reforce those because they are removed since its a container // inside another container (the one in the navbar) padding-left: $grid-gutter-width / 2; padding-right: $grid-gutter-width / 2;}}.o_mega_menu_container_size{$-header-template: o-website-value('header-template'); @if not index(('sidebar', 'hamburger', 'magazine'), $-header-template){$bp: if($-header-template == 'minimalist', md, lg); @include media-breakpoint-up($bp){left: 50%; transform: translateX(-50%);}}$-mm-max-widths: (); @each $k, $v in $container-max-widths{$-mm-max-widths: map-merge($-mm-max-widths, ( #{$k}: $v - $grid-gutter-width, ));}@include make-container-max-widths($-mm-max-widths);}// The design of some of the new mega menu templates required a column with // an overlay that would overflow until the end of the container. For // technical reasons, this overlay has to be hardcoded here. %s_mega_menu_gray_area{z-index: 1; &:before{content: ''; display: block; width: 100vw; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none; background: rgba(0, 0, 0, .05);}}#wrapwrap.o_header_overlay{> header:not(.o_header_affixed):not(.o_top_menu_collapse_shown){@include o-position-absolute(0, 0, auto, 0); z-index: 1000; > .navbar{@include o-apply-colors(1); // Reset to default colored components background-color: transparent !important; border-color: transparent; color: inherit; .nav-item{> .nav-link{&, &:hover{background-color: transparent; color: inherit;}&.active{font-weight: bolder;}}}}}}// Navbar Links Styles @if index(('block', 'border-bottom'), o-website-value('header-links-style')){@include media-breakpoint-up(md){.navbar, .navbar-nav{padding-top: 0; padding-bottom: 0;}}}.navbar-nav{.nav-link{@if o-website-value('header-links-style') == 'outline'{// Need to force the padding in this case so that it stays in mobile padding-right: $navbar-nav-link-padding-x; padding-left: $navbar-nav-link-padding-x; border: $border-width solid transparent; @include border-radius($nav-pills-border-radius);}@else if o-website-value('header-links-style') == 'block'{// There is no way to control navbar links vertical padding in BS4 // independently from nav ones, just double them here instead padding-top: $nav-link-padding-y * 2; padding-bottom: $nav-link-padding-y * 2; @include border-radius(0);}@else if o-website-value('header-links-style') == 'border-bottom'{// There is no way to control navbar links vertical padding in BS4 // independently from nav ones, just double them here instead padding-top: ($nav-link-padding-y * 2); padding-bottom: ($nav-link-padding-y * 2); border-bottom: $nav-link-padding-y solid transparent; // Replace horizontal paddings by margins (do this with an extra // class to override .navbar-expand-* paddings priority). .navbar &{padding-left: 0; padding-right: 0; margin: 0 $navbar-nav-link-padding-x;}}}@if index(('outline', 'border-bottom'), o-website-value('header-links-style')){.nav-link.active, .show > .nav-link{border-color: currentColor;}}}@if index(('slideout_slide_hover', 'slideout_shadow'), o-website-value('footer-effect')){@include media-breakpoint-up(lg){// This effect is disabled when a modal is opened. This is the easiest // and probably most stable solution for this problem: // - Add a popup in your page and select it to be for "All pages" // => In that case it ends up in the footer of your page // - Enable the "Slide Hover" effect for your footer // // => In that case, when the popup opens, it is not visible because of // the footer z-index ("Slide Hover" effect) and it actually also // prevents the user to scroll. // // TODO in master, we may want to put such popups elsewhere than in the // footer. When the footer is hidden, this is also a problem: the popup // for all pages cannot be visible ever. This is considered a limitation // in stable versions though. body:not(.modal-open) #wrapwrap.o_footer_effect_enable{> main{@if o-website-value('layout') == 'full'{// Ensure a transparent snippet at the end of the content // still appears with the same background when hovering the // footer during the scroll effect. background-color: $body-bg;}@if o-website-value('footer-effect') == 'slideout_shadow'{box-shadow: $box-shadow;}}> footer{@include o-position-sticky(auto, 0, 0, 0); z-index: -1;}}}}// Language selector #wrapwrap:not(.o_rtl){.js_language_selector{.dropdown-menu{min-width: 0;}}}.js_language_selector{a.list-inline-item{padding: 3px 0; > *{vertical-align: middle;}}}.o_lang_flag{width: 1em; height: 1em; margin-right: 0.2em; border-radius: $rounded-pill; object-fit: cover;}a.js_change_lang:hover, a.o_add_language:hover{text-decoration: none; span{text-decoration: $link-hover-decoration;}}span.list-inline-item.o_add_language:last-child{display: none !important; // Hide the separator if it is the last list item}// Footer scrolltop button @if o-website-value('footer-scrolltop'){#o_footer_scrolltop_wrapper{position: relative; z-index: 1;}#o_footer_scrolltop{$-footer-color: o-color('footer-custom') or o-color('footer') or rgba(0, 0, 0, 0); $-footer-color: mix(rgba($-footer-color, 1.0), $body-bg, percentage(alpha($-footer-color))); $-copyright-color: o-color('copyright-custom') or o-color('copyright') or rgba(0, 0, 0, 0); $-copyright-color: mix(rgba($-copyright-color, 1.0), $-footer-color, percentage(alpha($-copyright-color))); box-sizing: content-box; width: 3rem; height: 3rem; border: 0; padding: 0; @include o-apply-colors($-footer-color, $with-extras: false, $background: $-footer-color); text-decoration: none; @if $-footer-color == $-copyright-color{color: rgba(color-yiq($-footer-color), 0.5);}@include hover-focus{@include o-apply-colors($-copyright-color, $with-extras: false, $background: $-footer-color); text-decoration: none;}}}// Figure with special style .o_figure_relative_layout{position: relative; .figure-img{margin-bottom: 0;}.figure-caption{@include o-position-absolute(auto, 0, 0, 0); @include o-bg-color(rgba(theme-color('dark'), $o-theme-figcaption-opacity)); padding: $tooltip-padding-y $tooltip-padding-x; font-weight: $font-weight-bold; a{color: inherit;}}}@each $color, $value in $theme-colors{.bg-#{$color}-light{background-color: rgba($value, 0.1);}}@each $media, $color in $o-social-colors{@include text-emphasis-variant(".text-#{$media}", $color);}// TODO: Will be handled properly in master/saas-12.2, temp fix for website_event.registration_attendee_details .modal-footer > .float-left{margin-right: auto;}// CoverProperties .o_record_cover_container{position: relative; .o_record_cover_component{@include o-position-absolute(0, 0, 0, 0); background-size: cover; background-position: center; background-repeat: no-repeat;}}// Scroll down button .o_scroll_button{@include o-position-absolute(auto, 0, 0, 0); display: flex; width: 50px; height: 50px; animation: o-anim-heartbeat 2.6s ease-in-out 1s infinite; &, &:hover{text-decoration: none;}&:focus{outline: none;}&:hover{animation-iteration-count: 1;}}// Attention keeper for the "scroll down" top-banner button @keyframes o-anim-heartbeat{0%, 14%, 35%{transform: scale(1);}7%, 21%{transform: scale(1.3); background-color: rgba(theme-color('primary'), 0.8);}}// Ribbons $ribbon-padding: 100px; .o_ribbon{margin: 0; font-size: 1rem; font-weight: bold; white-space: nowrap; text-align: center; pointer-events: none;}.o_ribbon_right{@include o-ribbon-right();}.o_ribbon_left{@include o-ribbon-left();}.o_tag_right{@include o-tag-right();}.o_tag_left{@include o-tag-left();}// Conditional visibility .o_conditional_hidden{display: none !important;}// Cookies Bar #website_cookies_bar{:not(.o_cookies_popup){bottom: 0;}.o_cookies_discrete{.js_close_popup.o_cookies_bar_text_button, .o_cookies_bar_text_policy{@include media-breakpoint-down(md){margin-bottom: 1rem;}}}}.o_website_btn_loading{cursor: wait; opacity: $btn-disabled-opacity; .fa:not(.fa-spin){display: none;}}ul.o_checklist > li.o_checked::after{left: - ($o-checklist-margin-left - $o-checklist-checkmark-width) - 1; top: 0;}// Bottom fixed element (e.g. livechat button) .modal-open .o_bottom_fixed_element, .o_bottom_fixed_element_hidden{// Prevent bottom fixed elements from hidding buttons and // hide them if a modal is open. display: none !important;}// On translation editor, inputs & textareas with translatable "placeholder" and // "value" will get HTML content as translation value for the attributes. // The goal here is to hide these values until the editor's code sets the right // ones on elements. The `o_text_content_invisible` class is mainly used on JS // to have the same behaviour for textareas, since it's not possible to target // them on CSS using the "value" attribute unlike inputs. .o_text_content_invisible{color: transparent !important;}[placeholder*="data-oe-translation-id"]{&::-webkit-input-placeholder{color: transparent; opacity: 0;}&::-moz-placeholder{color: transparent; opacity: 0;}}input[value*="data-oe-translation-id"]{@extend .o_text_content_invisible;}[data-oe-translation-id]{> .o_translation_select{border: $input-border-width solid $input-border-color; @include border-radius($input-border-radius, 0); // Hide translatable `<select/>`s since we use `.o_translation_select` // elements to handle translations. + select{display: none !important;}> div:not(:last-child){border-bottom: inherit;}}}//------------------------------------------------------------------------------ // Website Animate //------------------------------------------------------------------------------ .o_animate{animation-duration: 1s; animation-fill-mode: both; transform: translate3d(0,0,0); // force GPU acceleration backface-visibility: hidden; // avoid flickering text-rendering: geometricPrecision; // take care of animated titles visibility: hidden; &:not(.o_animating):not(.o_animate_in_dropdown){transform: none !important;}}.o_animate_preview{visibility: visible;}.o_wanim_overflow_x_hidden{overflow-x: hidden !important; &.o_rtl{// Fix for Chrome and Edge bug: resolves slow/stuck scrolling during // left-overflowing animations on RTL web pages. Note: using overflow on // the main element hides animated elements outside of it (e.g. "Framed" // page layout). This may not be the ideal solution but could be the // best workaround for now. > main{overflow-x: hidden;}}}.o_animated_text{display: inline-block;}@keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: scale(0.3);}20%{transform: scale(1.1);}40%{transform: scale(0.9);}60%{opacity: 1; transform: scale(1.03);}80%{transform: scale(0.97);}100%{opacity: 1; transform: scale(1);}}.o_anim_bounce_in{animation-name: o_anim_bounce_in;}@keyframes o_anim_bounce_in_down{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(0, -3000px);}60%{opacity: 1; transform: translate(0, 25px);}75%{transform: translate(0, -10px);}90%{transform: translate(0, 5px);}100%{transform: translate(0, 0);}}.o_anim_bounce_in_down{animation-name: o_anim_bounce_in_down;}@keyframes o_anim_bounce_in_left{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(-3000px, 0);}60%{opacity: 1; transform: translate(25px, 0);}75%{transform: translate(-10px, 0);}90%{transform: translate(5px, 0);}100%{transform: translate(0, 0);}}.o_anim_bounce_in_left{animation-name: o_anim_bounce_in_left;}@keyframes o_anim_bounce_in_right{0%, 20%, 40%, 60%, 80%, 100%{transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; transform: translate(3000px, 0);}60%{opacity: 1; transform: translate(-25px, 0);}75%{transform: translate(10px, 0);}90%{transform: translate(-5px, 0);}100%{transform: translate(0, 0);}}.o_anim_bounce_in_right{animation-name: o_anim_bounce_in_right;}@keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}}.o_anim_fade_in{animation-name: o_anim_fade_in;}@keyframes o_anim_fade_in_down{0%{opacity: 0; transform: translate(0, -100%);}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in_down{animation-name: o_anim_fade_in_down;}@keyframes o_anim_fade_in_left{0%{opacity: 0; transform: translate(-100%, 0);}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in_left{animation-name: o_anim_fade_in_left;}@keyframes o_anim_fade_in_right{0%{opacity: 0; transform: translate(100%, 0);}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in_right{animation-name: o_anim_fade_in_right;}@keyframes o_anim_fade_in_up{0%{opacity: 0; transform: translate(0, 100%);}100%{opacity: 1; transform: translate(0, 0);}}.o_anim_fade_in_up{animation-name: o_anim_fade_in_up;}@keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}}.o_anim_fade_out{animation-name: o_anim_fade_out;}@keyframes o_anim_rotate_in{0%{opacity: 0; transform: rotate(-200deg);}100%{opacity: 1; transform: rotate(0);}}.o_anim_rotate_in{animation-name: o_anim_rotate_in;}@keyframes o_anim_rotate_in_down_left{0%{opacity: 0; transform-origin: left bottom; transform: rotate(-45deg);}100%{opacity: 1; transform-origin: left bottom; transform: rotate(0);}}.o_anim_rotate_in_down_left{animation-name: o_anim_rotate_in_down_left;}@keyframes o_anim_rotate_in_down_right{0%{opacity: 0; transform-origin: right bottom; transform: rotate(45deg);}100%{opacity: 1; transform-origin: right bottom; transform: rotate(0);}}.o_anim_rotate_in_down_right{animation-name: o_anim_rotate_in_down_right;}@keyframes o_anim_zoom_out{0%{opacity: 0; transform: scale(1.3);}100%{opacity: 1;}}.o_anim_zoom_out{animation-name: o_anim_zoom_out;}@keyframes o_anim_zoom_in{0%{opacity: 0; transform: scale(0.3);}50%{opacity: 1;}}.o_anim_zoom_in{animation-name: o_anim_zoom_in;}@keyframes o_anim_zoom_in_down{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.o_anim_zoom_in_down{animation-name: o_anim_zoom_in_down;}@keyframes o_anim_zoom_in_left{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.o_anim_zoom_in_left{animation-name: o_anim_zoom_in_left;}@keyframes o_anim_zoom_in_right{0%{opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}60%{opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);}}.o_anim_zoom_in_right{animation-name: o_anim_zoom_in_right;}@keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}}.o_anim_flash{animation-name: o_anim_flash;}@keyframes o_anim_pulse{0%{transform: scale(1);}50%{transform: scale(1.05);}100%{transform: scale(1);}}.o_anim_pulse{animation-name: o_anim_pulse;}@keyframes o_anim_shake{0%, 100%{transform: translate(0, 0);}10%, 30%, 50%, 70%, 90%{transform: translate(-10px, 0);}20%, 40%, 60%, 80%{transform: translate(10px, 0);}}.o_anim_shake{animation-name: o_anim_shake;}@keyframes o_anim_tada{0%{transform: scale3d(1, 1, 1);}10%, 20%{transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);}30%, 50%, 70%, 90%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}40%, 60%, 80%{transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{transform: scale3d(1, 1, 1);}}.o_anim_tada{animation-name: o_anim_tada;}@keyframes o_anim_flip_in_x{0%{perspective: 400px; transform: rotateX(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateX(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateX(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateX(-5deg);}100%{perspective: 400px;}}.o_anim_flip_in_x{backface-visibility: visible; animation-name: o_anim_flip_in_x;}@keyframes o_anim_flip_in_y{0%{perspective: 400px; transform: rotateY(90deg); transition-timing-function: ease-in; opacity: 0;}40%{perspective: 400px; transform: rotateY(-20deg); transition-timing-function: ease-in;}60%{perspective: 400px; transform: rotateY(10deg); opacity: 1;}80%{perspective: 400px; transform: rotateY(-5deg);}100%{perspective: 400px;}}.o_anim_flip_in_y{backface-visibility: visible; animation-name: o_anim_flip_in_y;}// Compatibility <= 13.0 .o_anim_dur500{animation-duration: 500ms;}.o_anim_dur1500{animation-duration: 1500ms;}.o_anim_dur2000{animation-duration: 2000ms;}.o_anim_dur2500{animation-duration: 2500ms;}.o_anim_dur3000{animation-duration: 3000ms;}.o_anim_del500{animation-delay: 500ms;}.o_anim_del1000{animation-delay: 1000ms;}.o_anim_del1500{animation-delay: 1500ms;}.o_anim_del2000{animation-delay: 2000ms;}.o_anim_del2500{animation-delay: 2500ms;}

/* /website/static/src/scss/website.ui.scss defined in bundle 'web.assets_frontend' */
/// /// This file regroups main website UI layout rules (when the user is connected) /// and the UI components rules. /// // LAYOUTING body{// Set frontend direction that will be flipped with // rtlcss for right-to-left text direction. direction: ltr;}body.o_connected_user{padding-top: $o-navbar-height!important; &.o_fullscreen_transition{transition: padding 400ms ease 0s; #oe_main_menu_navbar, #web_editor-top-edit, .o_we_website_top_actions, #oe_snippets{transition: transform 400ms ease 0s !important;}.o_header_affixed{transition: top 0.35s !important;}}&.o_fullscreen{padding-top: 0 !important; &.editor_enable.editor_has_snippets{padding-right: 0 !important; .modal:not(.o_technical_modal){right: 0;}}#oe_main_menu_navbar, #web_editor-top-edit{transform: translateY(-100%);}.o_we_website_top_actions, #oe_snippets{transform: translateX(100%);}.o_header_affixed{top: 0 !important; right: 0 !important;}}}//FULLSCREEN INDICATION LAYOUT .o_fullscreen_indication{display: flex; position: absolute; width: 100%; align-items: center; justify-content: center; top: 0; margin-top: $o-navbar-height!important; opacity: 0; pointer-events: none; p{padding: 15px 30px; background-color: rgba(0, 0, 0, 0.7); color: white; span{border: 1px solid white; border-color: white; border-radius: 5px; padding: 7px 5px; margin: 5px;}}&.o_transition{transition: opacity 400ms;}&.o_visible{opacity: 1;}}// MAIN MENU STYLE (added above navbar.scss) #oe_main_menu_navbar{@include o-w-preserve-dropdown-menus; @include o-position-absolute(0, 0, auto, 0); position: fixed; z-index: $zindex-modal - 10; font-family: $o-we-font-family; font-size: 14px; a:hover, a:focus{text-decoration: none;}a.dropdown-toggle{outline: none;}.dropdown-menu{border-top: 0; margin-top: 0; background-clip: border-box; font-size: inherit; border-radius: 0; color: $dropdown-link-active-color; max-height: 500px; // Fallback max-height: calc(90vh - #{$o-navbar-height}); overflow: auto;}#oe_applications .dropdown-menu{// Compensate #oe_applications's padding margin-left: $dropdown-item-padding-x * -0.5;}.o_menu_sections{.o_mobile_preview a{text-align: center; font-size: 20px;}}.o_menu_systray{> li > a, > div > a{&.css_edit_dynamic{padding: 0 $grid-gutter-width/4;}&[data-action="edit"], &[data-action="translate"], &.css_edit_dynamic{@include button-variant($o-brand-primary, $o-brand-primary); &.active, &:hover, &:focus, &:active{outline: none; box-shadow: none !important;}}&, &:hover, &:focus{text-decoration: none;}}.o_mobile_preview a{text-align: center; font-size: 20px;}}@include media-breakpoint-down(sm){#oe_applications{position: inherit; z-index: 1002;}}}@mixin o-w-close-icon($size:12px, $color:#000, $color-hover:#000, $thickness: 1px, $opacity: 0.7, $opacity-hover: 1){color: transparent; position: relative; display: inline-block; opacity: $opacity; width: $size; height: $size; &:hover, &:focus{outline: none; opacity: $opacity-hover; &::after, &::before{background: $color-hover;}}&:after, &:before{content: ''; margin-top: -1px; background: $color; @include size(100%, $thickness); @include o-position-absolute(50%, $left:0); transform: rotate(45deg);}&:after{transform: rotate(-45deg);}}// MODALS body .modal{&.o_technical_modal{@include o-w-preserve-base; @include o-w-preserve-dropdown-menus; @include o-w-preserve-headings; @include o-w-preserve-forms; @include o-w-preserve-links; @include o-w-preserve-btn; @include o-w-preserve-cards; @include o-w-preserve-modals; @include o-w-preserve-tabs;}// MOBILE PREVIEW &.oe_mobile_preview{text-align: center; .modal-dialog{display: inline-block; width: auto; .modal-content{background-color: black!important; border: 3px outset gray; border-radius: 20px; .modal-header{border: none; cursor: pointer; font-family: $o-we-font-family; &, .close{color: white;}h4{font-family: inherit; font-weight: normal; color: inherit; .fa{margin-left: $grid-gutter-width/2;}}.close{color: #4e525b;}}.modal-body{background-color: inherit!important; border-radius: 20px; padding: 15px; $mobile-preview-width: 320px; $mobile-preview-height: 530px; display: flex; width: $mobile-preview-width + 15; height: $mobile-preview-height; transition: all 400ms ease 0s; &.o_invert_orientation{width: $mobile-preview-height + 15; height: $mobile-preview-width;}> iframe{display: block; width: 100%; border: none;}}.modal-footer{display: none;}}}}// TOP MENU EDITOR .oe_menu_editor{ul{padding-left: 37px;}li{margin-top: -1px; .input-group-addon{border-radius: 0;}}}// SEO CONFIGURATION &.oe_seo_configuration{#language-box{padding-right: 25px; background-color: white;}.o_seo_og_image{.o_meta_img{position: relative; transition: border-color 200ms; display: inline-block; border: 2px solid gray('400'); > img{width: 70px; height: 70px; object-fit: cover; cursor: pointer;}&:hover{border-color: $o-brand-primary;}&.o_active_image{border-color: $o-brand-primary; &:before{@include o-position-absolute($right: 0); content: ''; border: 16px solid rgba($o-brand-primary, 0.8); border-left-color: transparent; border-bottom-color: transparent;}&:after{@include o-position-absolute(2px, 3px); display: inline-block; content: "\f00c"; font-family: FontAwesome; color: white; font-size: 12px;}}.o-custom-label{@include o-position-absolute($bottom: 0px); background: rgba(gray('800'), 0.6); font-size: 12px;}}.o_meta_img_upload{transition: 200ms; display: inline-block; padding: 23px 27px; border: 3px dashed lighten(gray('700'), 30%); vertical-align: top; cursor: pointer; color: lighten(gray('600'), 30%); &:hover{border-color: $o-brand-primary; color: $o-brand-primary;}}.o_meta_active_img{height: 240px; object-fit: cover;}}div.oe_seo_preview_g{list-style: none; font-family: arial, sans-serif; .r{cursor: pointer; color:#1a0dab; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap;}.s{font-size: 13px; line-height: 18px; color: #545454; .kv{color: #006621; font-size: 14px; line-height: 18px;}}}td.o_seo_keyword_suggestion span.o_seo_suggestion.badge{cursor: pointer;}}}// ADD NEW PAGE MODAL .o_new_content_open{// Kill the scroll on the body overflow: hidden;}#o_new_content_menu_choices{@include o-w-preserve-base; @include o-position-absolute($o-navbar-height, 0, 0, 0); position: fixed; display: flex; overflow: auto; background-color: rgba(0, 0, 0, 0.8); font-family: $o-we-font-family; &::before{content: " "; @include o-position-absolute(0, 0, 0, 0); z-index: -1; pointer-events: none;}.container{max-width: 720px; margin: auto;}.o_new_content_element{opacity: 0; animation: fadeInDownSmall 1s forwards; .o_uninstalled_module{filter: brightness(70%) contrast(60%);}.module_icon{display: block; margin: auto;}a{display: block; font-size: 34px; text-align: center; text-decoration: none; i{width: 110px; height: 110px; border: 3px solid lighten(#2C2C36, 10%); border-radius: 100%; line-height: 104px; background-color: #2C2C36; color: white; transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;}p{color: white; margin-top: 0.7em; font-size: 0.5em;}&:hover, &:focus{text-decoration: none; outline: none; // remove ugly dotted border on Firefox i{border-color: #1cc1a9; box-shadow: 0 0 10px rgba(28, 193, 169, 0.46);}}}}}// LOGIN FORM .oe_login_form, .oe_signup_form, .oe_reset_password_form{max-width: 300px; position: relative; margin: 50px auto;}// ACE EDITOR .o_ace_view_editor{@include o-w-preserve-base; @include o-w-preserve-btn; @include o-w-preserve-forms; @include o-position-absolute($o-navbar-height, 0, 0); position: fixed; z-index: $zindex-modal;}// POPOVER NAVIGATION .tour .popover-navigation{margin-left: 13px; margin-bottom: 8px;}// PUBLISH .css_published{.btn-danger, .css_publish{display: none;}}.css_unpublished{.btn-success, .css_unpublish{display: none;}}[data-publish='off'] > *:not(.css_options){opacity: 0.5;}// Do not show path behind the links in browser printing @media print{a[href]:after{content: initial;}}// Pages Management .o_page_management_info{.o_switch{padding-top: 9px;}}#list_website_pages{th{background-color: $o-brand-odoo; color: white;}td, th{padding: 0.45rem;}td{> a.fa{margin-left: 5px; color: $o-brand-odoo;}.text-muted{opacity: 0.5;}}.fa-check, .fa-eye-slash{color: $info;}}.ui-autocomplete.o_website_ui_autocomplete{max-width: 400px; font-size: $o-we-sidebar-font-size; border: none; background-color: $o-we-sidebar-content-field-dropdown-bg; box-shadow: $o-we-sidebar-content-field-dropdown-shadow; > li{border-bottom: $o-we-sidebar-content-field-border-width solid lighten($o-we-sidebar-content-field-dropdown-border-color, 15%); border-radius: $o-we-sidebar-content-field-border-radius; background-color: $o-we-sidebar-content-field-clickable-bg; color: $o-we-sidebar-content-field-clickable-color; &.ui-menu-item{> div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 20px; &.ui-state-active{border: $o-we-sidebar-content-field-dropdown-border-width solid transparent; background-color: $o-we-sidebar-content-field-dropdown-item-bg-hover;}}}&.ui-autocomplete-category{background-color: $o-we-bg-lighter;}}}// Page Properties .o_redirect_old_url{@include media-breakpoint-down(sm){// Because o_technical_modal class class has a higher z-index than $zindex-modal. z-index: $o-we-technical-modal-zindex + ($zindex-popover - $zindex-modal);}.popover-body{overflow-y: auto; max-height: 14.2rem;}}// Post Submit Links .post_link:not(.o_post_link_js_loaded){pointer-events: none;}

/* /purchase/static/src/scss/purchase_portal.scss defined in bundle 'web.assets_frontend' */
 .orders_label_text_align{vertical-align: 15%;}.purchase_tbody .o_line_note{word-break: break-word; word-wrap: break-word; overflow-wrap: break-word;}

/* /planning/static/src/scss/planning_calendar_report.scss defined in bundle 'web.assets_frontend' */
.o_planning_link{text-align: right;}.o_planning_calendar_container{#calendar_employee{flex-direction: column; max-width: 100%; height: auto;}.fc-content{font-weight: bold !important;}.fc-list-table td{// This one is needed for the vertical-align. border-width: 1px 0 0; vertical-align: middle; padding: 8px 14px;}.fc-widget-header{background: $o-brand-odoo !important; color: white;}.fc-day-grid-event{margin: 5px 2px 0; padding: 5px 10px;}.fc-day-grid-event .fc-content{white-space: normal;}@include media-breakpoint-up(sm){.fc-day-grid-event .fc-content{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}}.fc-more-cell{color: #3aadaa; vertical-align: middle;}.o_planning_toast{position: absolute; top: 5em; right: 1em;}}.o_planning_calendar_open_shifts{margin-top: 2rem; .close{outline: none !important;}}.fc-event:hover{cursor: pointer;}@media print{@page{size: A4 landscape;}html, body{height: unset;}body.o_connected_user{padding-top: 0 !important;}.fc table{border-collapse: separate!important; border-width: 1px;}.fc-content-skeleton td{padding-bottom: 1em; height: 1em !important;}.fc-time-grid .fc-content-skeleton{position: relative !important;}div.fc-content{tex-align: center !important;}header, #footer, .o_main_navbar{display: none;}.fc-today{background-color: unset !important;}}

/* /web/static/src/legacy/scss/form_view.scss defined in bundle 'web.assets_frontend' */
// Define left and right padding according to screen resolution @mixin o-form-sheet-inner-left-padding{padding-left: $o-horizontal-padding; @include media-breakpoint-between(lg, xl, $o-extra-grid-breakpoints){padding-left: $o-horizontal-padding*2;}}@mixin o-form-nosheet-inner-left-padding{padding-left: $o-horizontal-padding;}@mixin o-form-sheet-inner-right-padding{padding-right: $o-horizontal-padding; @include media-breakpoint-between(lg, xl, $o-extra-grid-breakpoints){padding-right: $o-horizontal-padding*2;}}// Compensate margins @mixin o-form-sheet-negative-margin{margin-left: -$o-horizontal-padding; margin-right: -$o-horizontal-padding; @include media-breakpoint-between(lg, xl, $o-extra-grid-breakpoints){margin-left: -$o-horizontal-padding*2; margin-right: -$o-horizontal-padding*2;}}@mixin o-form-nosheet-negative-margin{margin-left: -$o-horizontal-padding; margin-right: -$o-horizontal-padding;}@mixin o-td-label-style{width: 0%; padding: 0 15px 0 0; min-width: 150px; color: $headings-color;}$o-form-label-margin-right: 0px; .o_form_view{background-color: $o-view-background-color; // Utility classes .oe_form_box_info{@include o-webclient-padding($top: 5px, $bottom: 5px); > p{margin: auto;}}.oe_text_center{text-align: center;}.oe_grey{opacity: 0.5;}.oe_inline{width: auto!important; @include media-breakpoint-up(vsm, $o-extra-grid-breakpoints){&.o_inner_group{width: 1px!important;}}}.oe_left{@extend .oe_inline; float: left!important;}.oe_right{@extend .oe_inline; float: right!important;}.o_field_empty:empty{min-height: $font-size-base * $line-height-base;}.o_row{&, &.o_field_widget{// Some field may want to use o_row as root and these rules must prevalue display: flex; width: auto!important;}align-items: baseline; min-width: 50px; margin: 0 (-$o-form-spacing-unit/2); > div, > span, > button, > label, > a, > input, > select{// > * did not add a level of priority to the rule flex: 0 0 auto; width: auto!important; margin-right: $o-form-spacing-unit/2; margin-left: $o-form-spacing-unit/2;}> .o_row{margin: 0;}> .btn{padding-top: 0; padding-bottom: 0;}> .o_field_boolean{align-self: center;}}.o_row > div > .o_field_widget{width: 100%;}// Readonly specific rules &.o_form_readonly{.oe_edit_only{display: none!important;}.o_row:not(.o_row_readonly){&, & > div{display: inline-block;}}.o_quick_editable:not(.o_form_uri), .o_field_color_picker_preview > li > a{cursor: default;}}.o_form_uri{display: inline-block; color: $link-color; &:hover{color: darken($link-color, 15%);}> span{color: $o-main-text-color; &:hover{color: $o-main-text-color;}}> span:first-child{color: $link-color; &:hover{color: darken($link-color, 15%);}}}// Editable specific rules &.o_form_editable{.oe_read_only{display: none!important;}.oe_title{max-width: map-get($container-max-widths, md) - (2 * $o-horizontal-padding);}.o_field_x2many .o_list_table .o_handle_cell .o_row_handle{padding: 0.3rem;}.o_row{> .o_field_widget, > div{flex: 1 1 auto; width: 0!important; // 3rd flex argument does not work with input (must be auto and real width 0) &.o_field_boolean, &.o_priority{flex: 0 0 auto; width: auto!important;}}&.o_field_many2one_selection{width: 100% !important;}}}// No sheet &.o_form_nosheet{display: block; @include o-webclient-padding($top: $o-sheet-vpadding, $bottom: $o-sheet-vpadding); .o_form_statusbar{margin: (-$o-sheet-vpadding) (-$o-horizontal-padding) $o-sheet-vpadding (-$o-horizontal-padding);}.oe_button_box{@include o-form-nosheet-negative-margin;}}// Non-chatter rules .o_form_sheet_bg{position: relative;}// Statusbar .o_form_statusbar{position: relative; // Needed for the "More" dropdown display: flex; justify-content: space-between; padding-left: $o-horizontal-padding; border-bottom: 1px solid $border-color; background-color: $o-view-background-color; > .o_statusbar_buttons, > .o_statusbar_status{display: flex; align-items: center; align-content: space-around;}> .o_field_widget{align-self: center; margin-bottom: 0px;}> .o_statusbar_buttons{flex-flow: row wrap; > .btn{$o-statusbar-buttons-vmargin: 4px; min-height: $o-statusbar-height - 2 * $o-statusbar-buttons-vmargin; margin: $o-statusbar-buttons-vmargin 3px $o-statusbar-buttons-vmargin 0; padding-top: 2px; padding-bottom: 2px; > .o_button_icon{margin-right: $o-statbutton-spacing;}}}> .o_statusbar_status{margin-left: auto; flex-flow: row-reverse wrap-reverse; align-self: stretch; align-items: stretch; > .o_arrow_button{min-height: $o-statusbar-height; position: relative; padding-left: $o-statusbar-arrow-width*2; border-width: 0; font-size: $font-size-sm; &:first-child{padding-right: $o-horizontal-padding; // Compensate container padding overflow-x: hidden; // to prevent horizontal scroll due to last arrow}&:last-child{padding-left: $o-horizontal-padding - 1; &:not(.disabled){border-left: 1px solid $border-color;}}&:not(:first-child):before, &:not(:first-child):after{content: " "; display: block; @include o-position-absolute(0, -$o-statusbar-arrow-width + 1); border-top: floor($o-statusbar-height/2) solid transparent; border-bottom: ceil($o-statusbar-height/2) solid transparent; border-right: none; border-left: $o-statusbar-arrow-width solid $o-view-background-color; -moz-transform: scale(0.9999); // Smooth the triangle on firefox}&:not(:first-child):before{right: -$o-statusbar-arrow-width; border-left-color: gray('300');}&.disabled{opacity: 1; pointer-events: none; cursor: default; &:not(.btn-primary){@include plain-hover-focus(){color: $text-muted;}}}&.btn-primary.disabled{background-color: $o-brand-odoo; color: color-yiq($o-brand-odoo); &:after, &:before{border-left-color: $o-brand-odoo;}+ .o_arrow_button:before{display: none;}}}}// Touch device mode > .o_statusbar_buttons > .btn-group, > .o_statusbar_status{> .dropdown-toggle{&:after{@include o-caret-down; margin-left: $o-form-spacing-unit;}}> .dropdown-menu{min-width: 0; .dropdown-item.btn{min-width: 100%; margin-bottom: 3px; opacity: 1;}}}}// Button box .oe_button_box{position: relative; display: block; margin-bottom: $o-sheet-vpadding; margin-top: -$o-sheet-vpadding; @include o-form-sheet-negative-margin; text-align: right; // Use box-shadow instead of border-bottom because some button boxes are // empty in some cases and we do not want to see a floating border in // that cases. box-shadow: inset 0 -1px 0 $border-color; .oe_stat_button, .o_dropdown_more{border: 0 solid $border-color;}&.o_full .oe_stat_button:not(.o_invisible_modifier) ~ .oe_stat_button, &.o_not_full .oe_stat_button{border-left-width: $border-width;}> .btn.oe_stat_button, > .o_dropdown_more{flex: 0 0 auto; width: percentage(1/3); // Adapt the number of visible buttons for each screen width @include media-breakpoint-up(md){width: percentage(1/5);}@include media-breakpoint-up(lg){width: percentage(1/7);}@include media-breakpoint-up(xl){width: percentage(1/8);}}.btn.oe_stat_button{color: $o-main-text-color; height: $o-statbutton-height; // Use !important to avoid touch_device style padding: 0 $o-statbutton-spacing 0 0 !important; // padding-left will be achieved through margin-left of content text-align: left; white-space: nowrap; background-color: transparent; opacity: 0.8; border-radius: 0px; margin-bottom: 0; // If the button comes from a field &:hover, &:focus{background-color: rgba(black, 0.03); color: inherit; opacity: 1;}> .o_button_icon{margin-left: $o-statbutton-spacing; // To create the button padding left (firefox bug) display: inline-block; vertical-align: middle; line-height: $o-statbutton-height; width: 30%; &:before{font-size: 22px; vertical-align: middle;}}> .o_field_percent_pie{margin-left: $o-statbutton-spacing; // To create the button padding left (firefox bug)}// Some buttons only display text without using StatInfo template > span{@include o-text-overflow(block); white-space: normal; // text on several lines if needed}> .o_stat_info, > span{// contains the value and text display: inline-block; vertical-align: middle; font-weight: $font-weight-normal; max-width: 70%; padding-right: $o-statbutton-spacing; line-height: 1.3; > .o_stat_value, > .o_stat_text{@include o-text-overflow(block); line-height: 1.2;}.o_stat_value{font-weight: $font-weight-bold; color: $o-brand-odoo;}.o_stat_text .o_field_empty{display: none;}}&:not(:disabled){> .o_stat_info .o_field_widget, > span .o_field_widget{cursor: pointer;}}&:not(:hover) .o_stat_info > .o_hover{display: none !important;}&:hover .o_stat_info > .o_not_hover{display: none !important}&.o_button_more{text-align: center; &:after{margin-left: 5px; @include o-caret-down;}&[aria-expanded="true"]:after{margin-left: 5px; @include o-caret-up;}}}> .o_dropdown_more{@include o-position-absolute(100%, 0); min-width: 0; border-width: 0 $border-width; box-sizing: content-box; margin: 0; padding: 0; @include media-breakpoint-down(sm){// avoid b4 drowdown inline style position: relative !important; transform: none !important; will-change: inherit!important; margin-bottom: 20px; width: 100%; border-width: 0px;}> .btn.oe_stat_button{width: 100%; // Override stronger ':not(.o_invisible_modifier) ~' rule border-width: 0 0 $border-width!important; @include media-breakpoint-down(sm){display: inline-block; width: percentage(1/3);}}}@mixin dropdownButtonsFix{.btn.oe_stat_button.dropdown-item{height: 44px !important; padding: 5px 0 5px 0 !important; border-left: none !important; > .o_button_icon{line-height: normal;}}}// IE 11 only @media all and (-ms-high-contrast:none){@include dropdownButtonsFix}// Edge only @supports (display:-ms-grid){@include dropdownButtonsFix}}// Title .oe_title{> h1, > h2, > h3{width: 100%; // Needed because inline-block when is a hx.o_row margin-top: 0; margin-bottom: 0; line-height: $headings-line-height; &.d-flex > .o_input{height: max-content;}}.o_priority > .o_priority_star{font-size: inherit;}> h1{min-height: 55px;}> h2{min-height: 43px;}}// Avatar .oe_avatar{float: right; margin-bottom: 10px; > img{max-width: $o-avatar-size; max-height: $o-avatar-size; vertical-align: top; border: 1px solid $o-gray-300;}}// Status dropdown a[data-toggle="dropdown"] > .o_status{height: $h3-font-size; width: $h3-font-size;}// Groups .o_group{display: inline-block; width: 100%; margin: 10px 0; .o_group{margin: 0;}// o_group contains nested groups @for $i from 1 through $o-form-group-cols{.o_group_col_#{$i}{display: inline-block; width: floor(100% / 12 * $i); vertical-align: top;}}&.o_inner_group{display: inline-table; > tbody > tr > td{&.o_td_label{@include o-td-label-style;}vertical-align: top; span, .o_field_boolean, .oe_avatar, .o_form_uri{&.o_field_widget{width: auto;}}}.o_field_widget{&.o_field_many2one_avatar{.o_field_many2one_selection{width: calc(100% - 24px);}}}}.o_form_label{font-weight: $font-weight-normal;}.o_field_widget{width: 100%; > .btn{flex: 0 0 auto; padding: 0 10px;}}@include media-breakpoint-up(sm){:not(.o_row):not(.o_data_cell) > .o_field_widget > * >, .o_row > .o_field_widget:last-child{// Note: this does not take care // of an invisible last-child but // it does not really matter // Makes extra buttons (e.g. m2o external button) overflow on the // right padding of the parent element .o_input_dropdown{flex: 1 0 auto;}}}&.o_label_nowrap .o_form_label{white-space: nowrap;}.o_td_label .o_form_label{font-weight: $font-weight-bold; margin-right: $o-form-label-margin-right;}}.o_checkbox_optional_field{display: flex; @include media-breakpoint-down(sm){flex-wrap: wrap; justify-content: space-between;}> .o_form_label{@include o-td-label-style; margin-right: $o-form-label-margin-right; font-weight: $font-weight-bold;}}// Separators .o_horizontal_separator{font-size: $font-size-sm; font-weight: $font-weight-bold; margin: 1.2em ($grid-gutter-width * .5) .8em 0; &:not(:empty){box-shadow: 0 1px 0 rgba($body-color, .05);}&:empty{height: $o-form-spacing-unit * 2;}}// Notebooks .o_notebook{clear: both; // For the notebook not to have alongside floating elements margin-top: $o-form-spacing-unit * 2; .tab-content > .tab-pane{padding: $o-horizontal-padding 0; >.oe_form_field{>.note-editable{border-width: 0; padding: 0; min-height: 180px;}&.oe-bordered-editor>.note-editable{border-width: 1px; padding: 4px 40px 4px 4px;}}}}// Labels .o_form_label{margin: 0 $o-form-spacing-unit 0 0; color: $headings-color; font-size: $font-size-base; // The label muse have the same size whatever their position line-height: $line-height-base; font-weight: $font-weight-bold;}// Form fields .o_field_widget{margin-bottom: $o-form-spacing-unit;}.o_field_widget, .btn{.o_field_widget{margin-bottom: 0;}}.o_td_label .o_form_label:not(.o_status), .o_checkbox_optional_field > .o_form_label{min-height: 33px;}td:not(.o_field_cell) .o_form_uri > span:first-child{display: inline-block; padding: 1px 0; margin-bottom: 1px;}// Translate icon span.o_field_translate{padding: 0 $o-form-spacing-unit 0 0 !important; vertical-align: top; position: relative; margin-left: -35px; width: 35px !important; // important is useful for textarea display: inline-block; text-align: right; border: none; // usefull for textarea background-color: rgba($o-view-background-color, 0.8); // useful in code view &:hover{background-color: $o-view-background-color}}input, textarea{&.o_field_translate{padding-right: 25px;}}// Text field with oe_inline class .o_field_text.oe_inline{width: 100%!important; @include media-breakpoint-up(vsm, $o-extra-grid-breakpoints){width: 45%!important;}}// One2Many, Many2Many outside of group .o_field_widget{&.o_field_one2many, &.o_field_many2many{width: 100%; > div{width: 100%;}}}// Specific style classes .o_group.o_inner_group.oe_subtotal_footer{@extend .oe_right; > tbody > tr > td{padding: 0; &.o_td_label{text-align: right;}.o_form_label{padding-right: 20px; min-width: 0; white-space: nowrap; &:after{content: ":";}}.o_field_widget{text-align: right; justify-content: flex-end; width: 100%;}}> tbody > tr:first-child > td{padding-top: 4px;}.oe_subtotal_footer_separator{width: 100%; text-align: right; border-top: 1px solid gray('300'); font-weight: $font-weight-bold; font-size: 1.3em;}}.o_address_format{width: 100%; .o_address_street, .o_address_country{display: flex;}.o_address_city{margin-right: 2%;}.o_address_state{margin-right: 2%;}&.o_zip_city{.o_address_zip{margin-right: 2%;}.o_address_city{margin-right: 0;}.o_address_state{display: block; margin-right: 0;}}&.o_city_state{.o_address_state{margin-right: 0;}.o_address_zip{display: block; margin-right: 0;}}> span.o_field_widget{width: auto;}}&.o_form_editable .o_address_format{.o_address_city{width: 38%;}div.o_address_state{width: 33%;}input.o_address_zip{width: 25%;}&.o_zip_city{.o_address_zip{width: 38%;}.o_address_city{width: 60%;}.o_address_state{width: 100%;}}&.o_city_state{.o_address_city{width: 50%;}.o_address_state{width: 48%;}.o_address_zip{width: 100%;}}}// Boolean .o_field_boolean{margin-right: $o-form-spacing-unit; max-width: 20px!important; padding-right: 0!important;}// Timezone widget warning .o_tz_warning{cursor: help; position: absolute; margin-left: 10px; margin-top: 5px;}// for weekly recurrent .o_recurrent_weekdays{> table{width: 100%; table-layout: fixed; display: table; td{border: 1px solid #dee2e6;}th, td{padding: 0.75rem 0 0.75rem 0;}.o_recurrent_weekday_label{@include o-text-overflow;}.custom-control-label{left: 25%;}}}// One2Many Kanban views .o_field_widget .o_kanban_view.o_kanban_ungrouped{padding: 0; .o_kanban_record{box-shadow: none;}}// One2Many List views .o_field_widget .o_list_view{margin-bottom: 10px; > tfoot > tr > td{padding: 3px; color: $o-main-text-color;}}&.o_form_readonly .o_field_widget .o_list_view .o_row_handle{display: none; // Hide the handler in non-edit mode}.o_field_widget.o_readonly_modifier .o_list_view .o_row_handle{display: none; // Hide the handler on readonly fields}&.oe_form_configuration{.o_group .o_form_label{white-space: nowrap;}h2{margin-top: 32px !important;}}&.o_company_document_layout{.report_layout_container{display: inline-block; div{display: inline-block; img{margin-left: 0 !important;}}}img[name="logo"]{max-height: 100px; max-width: 300px;}}}// Overridden style when form view in modal .modal .modal-dialog{.o_form_view{.o_statusbar_buttons > .btn{margin-top: 2px; margin-bottom: 2px;}.o_form_sheet_bg{padding: 0; > .o_form_statusbar, > .alert{margin-left: 0; margin-right: 0;}> .o_form_sheet{box-shadow: none; width: 100%; margin: 0 auto; max-width: none; border: none;}}}&:not(.modal-lg) .o_form_view{.o_group{width: 100%;}}.o_onboarding_payment_acquirer_wizard{a[type="action"]{color: $link-color; cursor: pointer;}}}@media print{.oe_button_box, .o_form_statusbar{display: none !important;}}// Buttons in ControlPanel .o_control_panel .o_form_buttons_view > button:first-child{float: left; // Unfortunately needed for the bounce effect margin-right: 4px;}// XXS form view specific rules @mixin form-break-table{display: block; margin-bottom: $o-form-spacing-unit * 4; > tbody{display: block; > tr{display: flex; flex-flow: row wrap; > td{flex: 1 0 auto; display: block; max-width: 100%; padding: 0; width: auto!important; // !important is required to override the width computed in JS &.o_td_label{width: 94%!important; // The label must be on its own line except if the form field is small enough (checkbox) line-height: $o-label-font-size-factor;}.o_field_widget{margin-bottom: $o-form-spacing-unit * 2; > .o_field_widget{margin-bottom: 0;}&.o_field_boolean{margin-right: 0;}}.o_input_dropdown{width: auto; max-width: 100%;}}}}}.o_form_view.o_xxs_form_view{.oe_title{word-break: break-all;}.o_group{&.o_inner_group{@include form-break-table;}}}// Settings form views .o_settings_container{display: flex; flex: 0 1 auto; flex-flow: row wrap; .o_form_label.o_light_label, .o_light_label .o_form_label{font-weight: $font-weight-normal;}.o_setting_box:visible:nth-child(odd){clear: left;}.o_setting_box{margin-bottom: 8px; margin-top: 8px; .o_setting_left_pane{width: 24px; float: left; .o_enterprise_label{position: absolute; top: 0px; right: 40px;}}.o_setting_right_pane{margin-left: 24px; border-left: 1px solid $border-color; padding-left: 12px; .o_input_dropdown > .o_input{width: 100%;}.o_field_widget{width: 50%; flex: 0 0 auto; &.o_field_many2manytags > .o_field_widget{flex: 1 0 50px;}}button.btn-link:first-child{padding: 0;}a.oe-link{font-size: 12px;}}}}

/* /website_mail/static/src/css/website_mail.scss defined in bundle 'web.assets_frontend' */
.js_follow[data-follow='on'] .js_follow_btn , .js_follow[data-follow='off'] .js_unfollow_btn{display: none;}.js_follow_icons_container{.js_follow_btn, .js_unfollow_btn{animation: js_follow_fade 1s ease forwards; opacity: 0; small{opacity: 0; transition: opacity 0.3s ease;}@include hover-focus (){small{transition-duration: 1s; opacity: 1;}};}.fa:before{content: "\f0f3"; color: $text-muted;}.js_follow_btn:hover .fa:before{color: $body-color;}.js_unfollow_btn .fa:before{color: theme-color('primary');}.js_unfollow_btn:hover .fa:before{content: "\f1f6"; color: theme-color('danger');}}@keyframes js_follow_fade{to{opacity: 1;}}

/* /website_event/static/src/scss/event_templates_common.scss defined in bundle 'web.assets_frontend' */
.o_wevent_index, .o_wevent_event{// Simple colored tags according to assigned background color @for $size from 1 through length($o-colors){.o_tag_color_#{$size - 1}{@if $size == 1{&{background-color: white; color: nth($o-colors, $size); box-shadow: inset 0 0 0 2px nth($o-colors, $size);}&::after{background-color: nth($o-colors, $size);}}@else{&, &::after{background-color: nth($o-colors, $size); color: $white;}}}}// Complex colored tags according to assigned background color with hover effect @for $size from 1 through length($o-colors){.o_tag_color_hovered_#{$size - 1}{$background-color: white; // no color selected @if $size == 1{&{color: black; background-color: $background-color; box-shadow: inset 0 0 0 1px nth($o-colors, $size);}}@else{$background-color: nth($o-colors, $size); &{color: white; background-color: $background-color;}}@at-root a#{&}{&:hover{background-color: darken($background-color, 20%);}}}}.o_wevent_index_topbar_filters{.dropdown-toggle{border: $border-width solid gray('400'); @include o-bg-color(gray('white'), $with-extras: false); @include border-radius($dropdown-border-radius); @include hover-focus{border-color: theme-color('primary'); color: theme-color('primary'); text-decoration: none;}&:after{margin-left: 1.2em;}.fa{margin-right: .4em; color: theme-color('primary');}}.dropdown-menu{margin-top: $navbar-padding-y; min-width: 12rem; max-height: 250px; overflow-y: auto;}.dropdown-item{&.active .badge{// Invert badge display when the item is active background-color: color-yiq(theme-color('primary')); color: theme-color('primary');}}}.o_wevent_online{// unpublished badge: put opacity to distinguish form other badges .o_wevent_online_badge_unpublished{opacity: 0.4;}&.o_wevent_online_bg{@if (color('body') == $o-portal-default-body-bg){@extend .bg-100;}}// background color-based for new styling .event_color_0{// bg-100 background but DO NOT extend bg-100 as it messes with text-muted colors background-color: #F8F9FA;}.event_color_1{background-color: rgba(240, 96, 80, 0.2);}.event_color_2{background-color: rgba(244, 164, 96, 0.2);}.event_color_3{background-color: rgba(247, 205, 31, 0.2);}.event_color_4{background-color: rgba(108,193,237,0.2);}.event_color_5{background-color: rgba(129,73,104,0.2);}.event_color_6{background-color: rgba(235,126,127,0.2);}.event_color_7{background-color: rgba(44,131,151,0.2);}.event_color_8{background-color: rgba(71,85,119,0.2);}.event_color_9{background-color: rgba(214,20,95,0.2);}.event_color_10{background-color: rgba(48,195,129,0.2);}.event_color_11{background-color: rgba(147,101,184,0.2);}.o_wevent_online_page_container{// Main panel .o_wevent_online_page_main{border: 1px solid $border-color; @include media-breakpoint-up(md){border-top-width: 0;}.o_wevent_online_page_avatar{min-width: 64px; img{max-width: 96px;}}}// Left panel .o_wevent_online_page_aside{// Left panel: content display .o_wevent_online_page_aside_content{border: 1px solid $border-color; @include media-breakpoint-up(md){border-top-width: 0;}li:not(.nav-item){border-bottom: 1px solid $border-color; &:first-child{border-top: 1px solid $border-color;}&:last-child{border-bottom: 0px;}}.o_wevent_online_page_aside_collapse:not(.collapsed){transform: rotate(180deg);}}}}}}.o_wevent_badge{padding: ($spacer * .5) $spacer; border-radius: 10rem; font-weight: $font-weight-normal;}.modal-open{> .modal-backdrop{z-index: $zindex-dropdown - 1;}}

/* /website_event/static/src/scss/event_templates_list.scss defined in bundle 'web.assets_frontend' */
.o_wevent_sidebar_social > .o_wevent_social_link{$o_link_size: 3em; display: inline-flex; align-items: center; justify-content: center; @include size($o_link_size); margin: 0 ($spacer * .25) ($spacer * .5) ($spacer * .25); line-height: $o_link_size; background-color: gray('100'); border: $border-width solid $border-color; border-radius: 50%; text-align: center; @include hover-focus{background-color: gray('300');}}// Index .o_wevent_index{// Events List .o_wevent_events_list{header{a{transition: all .25s ease-in-out; @include hover-focus{transform: scale(1.05);}}}@include media-breakpoint-up(sm){#o_wevent_index_main_col article div.col{min-width: 0;}}&.opt_event_list_cards_bg{@if (color('body') == $o-portal-default-body-bg){@extend .bg-200;}}.opt_events_list_columns{header{height: 200px;}}.opt_events_list_rows{@include media-breakpoint-down(sm){header{height: 200px;}}}.o_wevent_badge_event{@include o-position-absolute($top: 0, $left: 0); @include border-left-radius(0); padding: ($spacer * .5) $card-spacer-x; transform: translateY(-50%);}.o_wevent_event_date{top: $card-spacer-x; right: $card-spacer-x; display: flex; flex-direction: column; justify-content: center; @include size(4rem); border-radius: 50%; text-align: center; .o_wevent_event_day{font-size: 1.125rem; font-weight: 300; line-height: 1;}.o_wevent_event_month{font-size: 0.75rem; font-weight: $font-weight-bold; text-transform: uppercase;}}.o_wevent_participating, .o_wevent_unpublished{position: absolute; bottom: 0; width: 100%; padding: $card-spacer-y $card-spacer-x; text-align: right;}.card-title{color: $body-color;}}.o_wevent_sidebar_title{margin: 0 0 ($spacer * 1.5) 0; border-bottom: $border-width solid $border-color; padding: 0 0 ($spacer * .5) 0; font-weight: $font-weight-bold; text-transform: uppercase;}.o_wevent_sidebar_block{margin: 0 0 ($spacer * 2.5) 0;}.o_wevent_sidebar_figure{position: relative; .figure-img{margin-bottom: 0;}.figure-caption{@include o-position-absolute($left: 0, $bottom: 0); width: 100%; padding: $spacer; background-color: rgba($color: #000, $alpha: 0.5); @include border-bottom-radius($border-radius); color: #fff;}}#o_wevent_index_main_col .form-inline{width: 100%;}}

/* /website_event/static/src/scss/event_templates_page.scss defined in bundle 'web.assets_frontend' */
.o_wevent_event{// Multi-line event title, even in mobile mode nav > div > a.navbar-brand{text-overflow: revert; white-space: normal; overflow: hidden; max-width: calc(100% - 80px);}// Ensure menu labels are not split #o_wevent_event_submenu{li.nav-item{white-space: nowrap;}}.o_wevent_event_title{margin: 3rem 0; .o_wevent_event_name{font-weight: $display4-weight; line-height: $display-line-height; @include font-size($display4-size);}.o_wevent_event_subtitle{font-weight: $lead-font-weight; @include font-size($lead-font-size);}}.o_wevent_registration_single{.o_wevent_nowrap{white-space: nowrap;}}.o_wevent_registration_title{font-weight: $font-weight-bold; text-transform: uppercase;}.o_wevent_registration_btn{transition: none; &:not(.collapsed){box-shadow: none;}&.collapsed{flex: 0 0 33%;}}.o_wevent_sidebar_title{margin-bottom: $spacer; opacity: .5; text-transform: uppercase;}.o_wevent_sidebar_block{padding: $spacer * 3; border-bottom: $border-width solid $border-color; &:last-child{border-bottom: 0;}}}.o_wevent_event{.o_record_cover_container{overflow: hidden; z-index: 0; .o_record_cover_component{z-index: -1;}&.o_record_has_cover{.o_record_cover_image{background-attachment: fixed; &::after{content: ""; display: block; @include o-position-absolute(0,0,50%,0);}}.o_wevent_event_title{color: white;}}}}.o_wevent_event .event_color_0{background-color: white; color: #5a5a5a;}.o_wevent_event .event_color_1{background-color: #cccccc; color: #424242;}.o_wevent_event .event_color_2{background-color: #ffc7c7; color: #7a3737;}.o_wevent_event .event_color_3{background-color: #fff1c7; color: #756832;}.o_wevent_event .event_color_4{background-color: #e3ffc7; color: #5d6937;}.o_wevent_event .event_color_5{background-color: #c7ffd5; color: #1a7759;}.o_wevent_event .event_color_6{background-color: #c7ffff; color: #1a5d83;}.o_wevent_event .event_color_7{background-color: #c7d5ff; color: #3b3e75;}.o_wevent_event .event_color_8{background-color: #e3c7ff; color: #4c3668;}.o_wevent_event .event_color_9{background-color: #ffc7f1; color: #6d2c70;}// small hack to hide sponsors on specific views .o_wevent_hide_sponsors .container.mt32.mb16.d-none.d-md-block.d-print-none{// Not a very accurate way to target the 'sponsors' block -> improve in master display: none !important;}

/* /website_event/static/src/snippets/s_country_events_list/000.scss defined in bundle 'web.assets_frontend' */
.country_events_list .o_wevent_sidebar_title > img{max-height: 1em; vertical-align: top; margin: 2px 0.2em 0;}

/* /website_blog/static/src/scss/website_blog.scss defined in bundle 'web.assets_frontend' */
// ======= VARIABLES ======= $o-wblog-sidebar-width: 280px; $o-wblog-loader-size: 50px; // ======= ANIMATIONS ======= // Generic fade-in @keyframes o-wblog-fade-In{0%{opacity: 0;}100%{opacity: 1;}}@keyframes o-wblog-loader{0%, 100%{animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);}0%{transform: rotateY(0deg);}50%{transform: rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);}100%{transform: rotateY(3600deg);}}// ======== MIXINS ========= // Create easing-linear-gradients. Compared to the standards liner-gradients // these are smoother and blends into their context increasing readability when // acts as background for text placed over images. // based on: https://css-tricks.com/easing-linear-gradients/ @mixin o-wbblog-scrim-gradient($colorFrom, $colorTo){$scrimStops: 0% 0%, 26.2% 19%, 45.9% 34%, 61.8% 47%, 72.2% 56.5%, 80.6% 65%, 87.4% 73%, 92.5% 80.2%, 95.8% 86.1%, 97.9% 91%, 99.2% 95.2%, 99.8% 98.2%, 100% 100%; $stops: (); @each $scrimStop in $scrimStops{$stops: append($stops, mix($colorTo, $colorFrom, nth($scrimStop, 1)) nth($scrimStop, 2), comma)}background-image: linear-gradient(#{$stops});}//------------------------------------------------------------------------------ // Website Blog //------------------------------------------------------------------------------ .website_blog{.css_website_mail{.o_has_error{border-color: red;}.css_nav_month{display: none; &:first-of-type{display: block;}}}.o_wblog_page_cards_bg{// To be applied to the main container when 'card design' option is // enabled. Provide a slight darker bg that will blend the background // color chosen by the user, visually increasing the contrast in case of // brights (or white) backgrounds. // It shouldn't be noticeable on dark backgrounds. background-color: rgba(black, 0.005);}.o_wblog_read_with_sidebar{max-width: map-get($container-max-widths, md) + $o-wblog-sidebar-width;}// This option class is assigned to the post's content using the "Customize" // menu. The aim is to be able to write simple articles on the fly, // achieving a good design without being forced to use snippets. .o_wblog_read_text{font-size: 18px; line-height: 28px; font-weight: 300; p, ul, ol{margin-bottom: 1.55em;}li{margin-bottom: 1em;}.lead{font-size: 26px; line-height: 34px; margin-bottom: 40px;}}.o_wblog_author_avatar{width: 1.2em; height: 1.2em; max-width: none; object-fit: cover;}.o_wblog_author_avatar_date{// Resize in order to double the current font-size and accommodate // two text lines, name and date. width: 2em; height: 2em; max-width: none; object-fit: cover;}.o_wblog_social_links > a{@include size(3em); > i{font-size: 1.3em;}}// Blog Post Page // ============================================== #o_wblog_post_content{min-height: 350px !important; a.oe_mail_expand:after{content: " →";}a.oe_mail_expand{font-weight: bold;}}#o_wblog_post_comments{.o_portal_chatter > hr{display: none;}}// Blog Post Page Cover // ============================================== .o_wblog_post_page_cover{// Cover sizes // ============================================== &.cover_auto{padding: 3rem 0; // The actual height will always be 'auto'. The following // min-height rule is set to trigger the page transition only. min-height: 1px;}// "Regular Cover" design sizes // ============================================== &.o_wblog_post_page_cover_regular{&.o_full_screen_height{min-height: 70vh !important;}&.o_half_screen_height{min-height: 40vh !important;}&.cover_auto{min-height: 150px; padding: 0;}}// If a cover image is defined, adapt inner typography &.o_record_has_cover{.o_record_cover_image:after{content: ""; display: block; @include o-position-absolute(0,0,50%,0); @include o-wbblog-scrim-gradient(rgba(black, 0.5), transparent);}.o_wblog_post_title{color: white;}&.o_wblog_post_page_cover_regular{.o_record_cover_image:after{visibility: hidden;}}}}// Blog Post Specific // ============================================== .o_wblog_post_title{#o_wblog_post_name{font-weight: $display4-weight; line-height: $display-line-height; // Default font-size. @include font-size($display4-size);}#o_wblog_post_subtitle{font-weight: $lead-font-weight; // Default font-size. @include font-size($lead-font-size);}}// Refine multi-lines titles when using 'regular' cover .o_wblog_regular_cover_container #o_wblog_post_name{line-height: 1; padding-bottom: 0.5rem;}.o_wblog_post_page_cover_footer{min-height: 33vh; // Emulate native jQuery 'swing' easing to match js code transition: all 0.3s cubic-bezier(.02, .01, .47, 1);}#o_wblog_next_container{background-color: $body-bg; cursor: pointer; .o_wblog_next_loader{transform: translateZ(1px); div{@include size($o-wblog-loader-size); background: rgba(black, 0.15); animation: o-wblog-loader 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;}}.o_wblog_next_fake_btn{height: $o-wblog-loader-size;}}#o_wblog_post_main.o_wblog_post_main_transition{animation: o-wblog-fade-In 1s cubic-bezier(.02, .01, .47, 1);}// "Read next article" (with "Regular Cover") #o_wblog_post_footer a.w-25{flex: 0 0 auto;}// Blog Index Pages // ============================================== #o_wblog_posts_loop{.o_record_cover_container{box-shadow: inset 0 0 0 1px rgba(white, 0.3); padding-top: 33%; height: auto!important; // This is mandatory as we do not want the CoverProperties // sizing classes to be applied here min-height: auto!important; &:hover .o_record_cover_image{opacity: 0.8;}}.o_wblog_normalize_font{// normalize fonts font-size: 13px; line-height: 1.45;}.o_wblog_post_list_author{@include o-wbblog-scrim-gradient(transparent, rgba(black, 0.5));}&.o_wblog_list_view{.o_record_cover_container{padding-top: 20%;}.o_wblog_post_cover_nocard .o_record_cover_container{padding-top: 33%;}}}// Editor Helpers // ============================================== body.editor_enable &{// Make empty covers visible in edit mode .o_record_cover_container.o_wblog_post_page_cover:not(.o_record_has_cover){padding: 30px 0;}// Hide the big "DRAG BUILDING BLOCKS HERE" box when inside a sidebar. // The purple lines are enough to help the user dropping snippets. #o_wblog_sidebar .oe_structure:empty{display: none;}}}#o_wblog_post_content_jump{@extend .o_scroll_button; @include size($o-wblog-loader-size); background-color: rgba(black, 0.5); &:hover{background-color: rgba(black, 0.7);}}

/* /website_hr_recruitment/static/src/scss/website_hr_recruitment.scss defined in bundle 'web.assets_frontend' */
.o_website_hr_recruitment_jobs_list{#jobs_grid_left{ul.flex-column > li.nav-item > a{padding: .5rem 1rem; border-radius: 0.125rem;}}.card{padding: 15px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); &:hover{transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1); box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05);}.o_job_infos{.fa{color: theme-color('primary'); margin-right: 8px;}}}.o_website_hr_recruitment_job_description{//The ellipsis may not be supported on all platforms, the text will just break for them max-height: 60px; //Limit to 3 lines line-height: 20px; -webkit-line-clamp: 3; -moz-line-clamp: 3; -ms-line-clamp: 3; line-clamp: 3; word-break: break-word; display: -webkit-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; overflow: hidden;}}

/* /auth_totp_portal/static/src/scss/auth_totp_portal.scss defined in bundle 'web.assets_frontend' */
 .o_auth_totp_enable_2FA{.o_field_copy{height: 24px; position: relative; width: 100% !important; border-radius: 5px; border: 1px solid $primary; font-size: $font-size-sm; text-transform: uppercase; color: $o-brand-primary; font-weight: $badge-font-weight; text-align: center; padding-right: 6rem; word-break: break-word; .o_clipboard_button{@include o-position-absolute($top: 0, $right: 0); &.o_btn_text_copy{position: absolute; top: 0; right: 0;}&.o_btn_char_copy{height: 100%;}}&.o_field_copy_url{cursor: pointer; padding-left: 3px;}}}

/* /portal_rating/static/src/scss/portal_rating.scss defined in bundle 'web.assets_frontend' */
 $o-w-rating-star-color: #FACC2E; .o_website_rating_static{color: $o-w-rating-star-color;}.o_website_rating_card_container{.o_message_counter{color: gray('700');}table.o_website_rating_progress_table{width: 100%; overflow: visible; .o_website_rating_table_star_num{min-width: 50px; white-space: nowrap;}.o_website_rating_select[style*="opacity: 1"]{cursor: pointer;}.o_website_rating_table_progress{min-width: 120px; > .progress{margin-bottom: 5px; margin-left: 5px; margin-right: 5px;}.o_rating_progressbar{background-color: $o-w-rating-star-color;}}.o_website_rating_table_percent{text-align: right; padding-left: 5px; font-size: $font-size-sm;}.o_website_rating_table_reset{.o_website_rating_select_text{visibility: hidden;}}}}.o_rating_star_card{margin-bottom: 5px; .stars{display: inline-block; color: #FACC2E; margin-right: 15px;}.stars i{margin-right: -3px; text-align: center;}.stars.enabled{cursor: pointer;}.rate_text{display: inline-block;}}.o_rating_popup_composer{.o_rating_clickable{cursor: pointer;}.o_portal_chatter_avatar{margin-right: 10px;}}.o_rating_popup_composer_label{color: color-yiq(white);}

/* /rcc_website_base/static/src/lib/owl_carousel/owl.carousel.min.css defined in bundle 'web.assets_frontend' */
 .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/rcc_website_base/static/src/lib/owl_carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* /rcc_website_base/static/src/lib/owl_carousel/owl.theme.default.min.css defined in bundle 'web.assets_frontend' */
 .owl-theme .owl-dots, .owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;position: absolute;}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* /website_rcc/static/css/aos.css defined in bundle 'web.assets_frontend' */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translate(0)}[data-aos=fade-up]{transform:translateY(100px)}[data-aos=fade-down]{transform:translateY(-100px)}[data-aos=fade-right]{transform:translate(-100px)}[data-aos=fade-left]{transform:translate(100px)}[data-aos=fade-up-right]{transform:translate(-100px,100px)}[data-aos=fade-up-left]{transform:translate(100px,100px)}[data-aos=fade-down-right]{transform:translate(-100px,-100px)}[data-aos=fade-down-left]{transform:translate(100px,-100px)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translate(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translateY(100px) scale(.6)}[data-aos=zoom-in-down]{transform:translateY(-100px) scale(.6)}[data-aos=zoom-in-right]{transform:translate(-100px) scale(.6)}[data-aos=zoom-in-left]{transform:translate(100px) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translateY(100px) scale(1.2)}[data-aos=zoom-out-down]{transform:translateY(-100px) scale(1.2)}[data-aos=zoom-out-right]{transform:translate(-100px) scale(1.2)}[data-aos=zoom-out-left]{transform:translate(100px) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translate(0)}[data-aos=slide-up]{transform:translateY(100%)}[data-aos=slide-down]{transform:translateY(-100%)}[data-aos=slide-right]{transform:translateX(-100%)}[data-aos=slide-left]{transform:translateX(100%)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/* /website_rcc/static/css/custom.scss defined in bundle 'web.assets_frontend' */
.head-site-section{.rcc-wrapper-content{.slider-paragraph1_new{color: black !important; font-weight: bolder !important;}.slider-paragraph2_new{margin-bottom: 10px;}.slider-paragraph3_new{margin-bottom: 10px;}.btn-read-more{margin-bottom: 40px !important; margin-top: 10px;}}}.section-about-us-2_new{.paragraph-1{font-size: unset !important;}.content{h3{font-size: unset !important; font-weight: bolder;}}}.wrapper-section-contact-us-content{.home_con{display: flex; div.paragraph-1, div.paragraph-2{width: unset !important;}}.paragraph1{font-size: unset !important; margin-right: 7px !important;}.row{div.paragraph2{font-size: unset !important;}}}.technologies-section-3_new{padding: 50px 0px 50px; // .box-shadow-left{// box-shadow: 10px 10px #d7edee !important; //}.box-shadow-right{box-shadow: inset -10px 10px #d7edee !important;}.box-shadow-left{box-shadow: inset 10px -10px #d7edee !important;}.item{padding-top: 10px; .wrapper-cloud-layer-1{&:hover{&.box-shadow-right{box-shadow: inset -10px 10px #23a6ac !important;}&.box-shadow-left{box-shadow: inset 10px -10px #23a6ac !important;}}padding: 30px; min-height: 400px; margin-bottom: 20px; border-radius: 10px; .head-title{display: flex; align-items: center; img{margin-right:5px ; height: auto; width: 35px; object-fit: cover;}}h3.title{font-weight: bolder;}}}}

/* /website_rcc/static/css/fonts.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: "cairo"; src: url("/website_rcc/static/fonts/Anybody/Cairo-VariableFont_wght.ttf") format('truetype');}@font-face{font-family: "Anybody"; src: url('https://fonts.googleapis.com/css2?family=Anybody:wght@100;200;300;400;500;600;700;800;900&display=swap');}

/* /website_rcc/static/css/style.css defined in bundle 'web.assets_frontend' */
 a{-webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}a:hover{text-decoration: none;}.text-black{color: #000 !important;}.bg-black{background: #000 !important;}.btn{text-transform: capitalize; border-radius: 0;}.btn:hover, .btn:active, .btn:focus{outline: none; -webkit-box-shadow: none !important; box-shadow: none !important;}.btn.btn-black{color: #fff; background-color: #000;}.btn.btn-black:hover{color: #000; background-color: #fff;}.bg-black{background: #000;}.form-control{height: auto; border-radius: 0;}.form-control:active, .form-control:focus{border-color: #206367;}.form-control:hover, .form-control:active, .form-control:focus{-webkit-box-shadow: none !important; box-shadow: none !important;}.site-section{padding: 2.5em 0;}@media (min-width: 768px){.site-section{padding: 5em 0;}}.site-section.site-section-sm{padding: 4em 0;}.site-footer{padding: 4em 0; background: #fff;}@media (min-width: 768px){.site-footer{padding: 4em 0;}}.site-footer .border-top{border-top: 1px solid rgba(255, 255, 255, 0.1) !important;}.site-footer p{color: #737373;}.site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5{color: #fff;}.site-footer a{color: #999999;}.site-footer a:hover{color: white;}.site-footer ul li{margin-bottom: 10px;}.site-footer .footer-heading{font-size: 16px; color: #fff;}@media (max-width: 991.98px){.img-md-fluid{max-width: 100%;}}@media (max-width: 991.98px){.display-1, .display-3{font-size: 3rem;}}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li .fa-check{color: #36a5ab;}.site-navbar{margin-bottom: 0px; z-index: 1999; position: relative; width: 100%; background: #fff !important;}.site-navbar.transparent{background: transparent;}.site-navbar.absolute{position: absolute; top: 0; left: 0; width: 100%;}.site-navbar .site-logo{position: relative; top: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}.site-navbar .site-logo a{color: #fff;}.site-navbar .site-menu-toggle{color: #565666;}.site-navbar .site-navigation.border-bottom{border-bottom: 1px solid #f3f3f4 !important;}.site-navbar .site-navigation .site-menu{margin-bottom: 0; padding-inline-start:0px}.site-navbar .site-navigation .site-menu .active > a{color: #206367;}.site-navbar .site-navigation .site-menu a.active{color: #206367;}.site-navbar .site-navigation .site-menu > li{display: inline-block; padding: 10px 10px;}.site-navbar .site-navigation .site-menu > li > a{padding: 10px 0px; color: #16151A; text-decoration: none !important;}.site-navbar .site-navigation .site-menu > li > a:hover{color: #206367;}.site-navbar .site-navigation .site-menu .has-children{position: relative;}.site-navbar .site-navigation .site-menu .has-children > a{position: relative; padding-right: 20px;}.site-navbar .site-navigation .site-menu .has-children > a:before{position: absolute; content: "\e313"; font-size: 16px; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-family: 'icomoon';}.site-navbar .site-navigation .site-menu .has-children .dropdown{visibility: hidden; opacity: 0; top: 100%; position: absolute; text-align: left; border-top: 2px solid #206367; -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1); border-left: 1px solid #edf0f5; border-right: 1px solid #edf0f5; border-bottom: 1px solid #edf0f5; padding: 0px 0; margin-top: 20px; margin-left: 0px; background: #fff; -webkit-transition: 0.2s 0s; -o-transition: 0.2s 0s; transition: 0.2s 0s;}.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top{position: absolute;}.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before{bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}.site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before{border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;}.site-navbar .site-navigation .site-menu .has-children .dropdown a{text-transform: none; letter-spacing: normal; -webkit-transition: 0s all; -o-transition: 0s all; transition: 0s all; color: #343a40;}.site-navbar .site-navigation .site-menu .has-children .dropdown a.active{color: #206367;}.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a{color: #206367 !important;}.site-navbar .site-navigation .site-menu .has-children .dropdown > li{list-style: none; padding: 0; margin: 0; min-width: 200px;}.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a{padding: 9px 20px; display: block;}.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover{background: #f4f5f9; color: #206367;}.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before{content: "\e315"; right: 20px;}.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul{left: 100%; top: 0;}.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a{background: #f4f5f9; color: #25262a;}.site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a{color: #206367;}.site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active{cursor: pointer;}.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown{-webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; margin-top: 0px; visibility: visible; opacity: 1;}.site-navbar.scrolled{background-color: #fff; position: fixed; width: 100%; left: 0; right: 0; top: 0; box-shadow: none}.site-mobile-menu{width: 300px; position: fixed; right: 0; z-index: 9000; padding-top: 20px; background: #fff; height: calc(100vh); -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out;}.offcanvas-menu .site-mobile-menu{-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%);}.site-mobile-menu .site-mobile-menu-header{width: 100%; float: left; padding-left: 20px; padding-right: 20px;}.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close{float: right; margin-top: 8px;}.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span{font-size: 30px; display: inline-block; padding-left: 10px; padding-right: 0px; line-height: 1; cursor: pointer; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover{color: #25262a;}.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo{float: left; margin-top: 10px; margin-left: 0px;}.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a{display: inline-block; text-transform: capitalize;}.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img{max-width: 70px;}.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover{text-decoration: none;}.site-mobile-menu .site-mobile-menu-body{overflow-y: auto; -webkit-overflow-scrolling: touch; position: relative; padding: 0 20px 20px 20px; height: calc(100vh - 52px); padding-bottom: 150px;}.site-mobile-menu .site-nav-wrap{padding: 0; margin: 0; list-style: none; position: relative;}.site-mobile-menu .site-nav-wrap a{padding: 10px 20px; display: block; position: relative; color: #212529;}.site-mobile-menu .site-nav-wrap a:hover{color: #206367;}.site-mobile-menu .site-nav-wrap li{position: relative; display: block;}.site-mobile-menu .site-nav-wrap li.active > a{color: #206367;}.site-mobile-menu .site-nav-wrap .arrow-collapse{position: absolute; right: 0px; top: 10px; z-index: 20; width: 36px; height: 36px; text-align: center; cursor: pointer; border-radius: 50%;}.site-mobile-menu .site-nav-wrap .arrow-collapse:hover{background: #f8f9fa;}.site-mobile-menu .site-nav-wrap .arrow-collapse:before{font-size: 12px; z-index: 20; font-family: "icomoon"; content: "\f078"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg); -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease;}.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before{-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}.site-mobile-menu .site-nav-wrap > li{display: block; position: relative; float: left; width: 100%;}.site-mobile-menu .site-nav-wrap > li > a{padding-left: 20px; font-size: 20px;}.site-mobile-menu .site-nav-wrap > li > ul{padding: 0; margin: 0; list-style: none;}.site-mobile-menu .site-nav-wrap > li > ul > li{display: block;}.site-mobile-menu .site-nav-wrap > li > ul > li > a{padding-left: 40px; font-size: 16px;}.site-mobile-menu .site-nav-wrap > li > ul > li > ul{padding: 0; margin: 0;}.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li{display: block;}.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a{font-size: 16px; padding-left: 60px;}.site-mobile-menu .site-nav-wrap[data-class="social"]{float: left; width: 100%; margin-top: 30px; padding-bottom: 5em;}.site-mobile-menu .site-nav-wrap[data-class="social"] > li{width: auto;}.site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a{padding-left: 15px !important;}.site-blocks-cover{background-size: cover; background-repeat: no-repeat; background-position: top; background-position: center center;}.site-blocks-cover.overlay{position: relative;}.site-blocks-cover.overlay:before{position: absolute; content: ""; left: 0; bottom: 0; right: 0; top: 0; background: rgba(0, 0, 0, 0.4);}.site-blocks-cover .player{position: absolute; bottom: -250px; width: 100%;}.site-blocks-cover, .site-blocks-cover .row{min-height: 600px; height: calc(100vh);}.site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover .row{min-height: 600px; height: calc(30vh);}.site-blocks-cover h1{font-size: 4rem; font-weight: 900; color: #fff;}@media (max-width: 991.98px){.site-blocks-cover h1{font-size: 2rem;}}.site-blocks-cover p{color: rgba(255, 255, 255, 0.5); font-size: 1.2rem; line-height: 1.5;}.site-blocks-cover .btn{border: 2px solid transparent;}.site-blocks-cover .btn:hover{color: #fff !important; background: none; border: 2px solid #fff;}.site-blocks-cover .intro-text{font-size: 16px; line-height: 1.5;}@media (max-width: 991.98px){.site-blocks-cover .display-1{font-size: 3rem;}}.bg-light{background: #ccc;}@media (max-width: 991.98px){.display-4{font-size: 1.8rem;}}.block-13, .slide-one-item{position: relative; z-index: 1;}.block-13 .owl-nav, .slide-one-item .owl-nav{position: relative; position: absolute; bottom: -90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}.block-13 .owl-nav .owl-prev, .block-13 .owl-nav .owl-next, .slide-one-item .owl-nav .owl-prev, .slide-one-item .owl-nav .owl-next{position: relative; display: inline-block; padding: 20px; font-size: 30px; color: #000;}.block-13 .owl-nav .owl-prev.disabled, .block-13 .owl-nav .owl-next.disabled, .slide-one-item .owl-nav .owl-prev.disabled, .slide-one-item .owl-nav .owl-next.disabled{opacity: .2;}.wrapper-section-about-3.block-13.block-13 .owl-nav{left: 80px;}.unit-1{position: relative; width: 100%; overflow: hidden; display: block;}.unit-1:after{content: ""; z-index: 1; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8))); background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 );}.unit-1 img{-o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}.unit-1 img, .unit-1 .unit-1-text{-webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out;}.unit-1 .unit-1-text{z-index: 2; position: absolute; bottom: -100px; color: #fff; display: block; width: 100%;}.unit-1 .unit-1-text .unit-1-heading{font-size: 1.5rem; position: relative;}.unit-1 p{opacity: 0; visibility: hidden; -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: rgba(255, 255, 255, 0.5);}.unit-1:hover p{opacity: 1; visibility: visible;}.unit-1:hover .unit-1-text{bottom: 30px;}.unit-1:hover img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}header .navbar-brand.logo img{object-fit: contain; display: block; width: 200px; height: 2.5rem;}.partner-img{filter: grayscale(100%); -webkit-filter: grayscale(100%);}.partner-img:hover{filter: none; -webkit-filter: grayscale(0);}ul{list-style-type: '✓'; color: #41404D!important;}hidden_box_btn{color:white;}.product-list{color: #02BC7D!important;}.product-list-white{color: #ffffff45 !important;}.form-control{display: block; width: 85%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #FFFFFF; background-clip: padding-box; border: 1px solid #CED4DA; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}.modal-content{position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgba(0, 0, 0, 0); background-clip: padding-box; border: 0px solid rgba(0, 0, 0, 0.2); border-radius: 0rem; outline: 0;}.placeholde-color::placeholder{color: #ced1d4; opacity: 1;}.placeholde-color:-ms-input-placeholder{color: #ced1d4;}.placeholde-color::-ms-input-placeholder{color: #ced1d4;}

/* /website_rcc/static/css/site-style.css defined in bundle 'web.assets_frontend' */
 @font-face{font-family: 'Herr Von Muellerhoff'; src: url("/website_rcc/static/fonts/Anybody2/Herr_Von_Muellerhoff/HerrVonMuellerhoff-Regular.ttf") format('truetype');}@font-face{font-family: 'Mulish'; src: url("/website_rcc/static/fonts/Anybody2/Mulish/Mulish-VariableFont_wght.ttf") format('truetype');}@font-face{font-family: 'Poppins'; src: url("/website_rcc/static/fonts/Anybody2/Poppins/Poppins-Regular.ttf") format('truetype');}@font-face{font-family: 'Nunito Sans'; src: url("/website_rcc/static/fonts/NunitoSans-Regular.ttf") format('truetype');}@font-face{font-family: "cairo"; src: url("/website_rcc/static/fonts/Anybody/Cairo-VariableFont_wght.ttf") format('truetype');}@font-face{font-family: "Roboto"; src: url("/website_rcc/static/fonts/Anybody/Roboto-Regular.ttf") format('truetype');}@font-face{font-family: "Anybody"; src: url("/website_rcc/static/fonts/Anybody2/Anybody-Regular.ttf") format('truetype');}@font-face{font-family: "AnybodyMeduim"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-Medium.ttf') format('truetype');}@font-face{font-family: "AnybodyMeduimItalic"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-MediumItalic.ttf') format('truetype');}@font-face{font-family: "AnybodySemiBold"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-SemiBold.ttf') format('truetype');}@font-face{font-family: "AnybodySemiBoldItalic"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-SemiBoldItalic.ttf') format('truetype');}@font-face{font-family: "AnybodyBold"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-Bold.ttf') format('truetype'); font-style: italic;}@font-face{font-family: "AnybodyBoldItalic"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-BoldItalic.ttf') format('truetype'); font-style: italic;}@font-face{font-family: "AnybodyExtraBold"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-ExtraBold.ttf') format('truetype');}@font-face{font-family: "AnybodyExtraBoldItalic"; src: url('/website_rcc/static/fonts/Anybody2/Anybody-ExtraBoldItalic.ttf') format('truetype');}body, .site-navbar .site-navigation .site-menu>li{font-family: "Anybody" !important;}.text-color-nav{color: #16151A;}.row{margin-left: 0px !important; margin-right: 0px !important;}.btn-read-more, .btn-primary-site{justify-content: center; align-items: center; padding: 14px 32px !important; min-width: 150px; height: 48px; background: #206367 !important; border-radius: 8px !important; font-family: 'AnybodyMeduim'!important;}.btn-primary-site-invarient{justify-content: center; align-items: center; padding: 5px 32px !important; min-width: 130px; height: 48px; background: #fff !important; color: #206367 !important; border-radius: 8px !important; font-family: "cairo" !important;}.site-navbar .site-navigation .site-menu a{text-decoration: none !important; display: inline-block; font-size: 16px; font-weight: 600; font-family: 'AnybodySemiBold';}.site-navbar .site-logo .logo{width: 133px; height: 140px; background-image: url('/website_rcc/static/images/Logo.png'); background-position: center; background-repeat: no-repeat; background-size: contain; transition: all .1s;}.slider-paragraph1{font-family: 'AnybodySemiBold'; color: #6C6B80; line-height: 170%;}.slider-paragraph2{font-style: normal; font-weight: 700; font-size: 32px; text-transform: capitalize; color: #565666; font-family: 'AnybodyBold'; line-height: 140%;}.slider-paragraph3{width: 70%; max-width: 70%; font-style: normal; font-weight: 400; font-size: 14px; line-height: 180%; color: #6C6B80; font-family: 'Anybody'; margin-bottom: 46px;}.main-website-rcc .head-site-section div.slider-image{background-color: #36A5AB;}.main-website-rcc .head-site-section{margin-top: 130px;}.main-website-rcc .head-site-section .slider-image div{left: -295px; position: absolute;}.main-website-rcc .head-site-section .slider-image div.wrapper-mobile{left: -35%; position: relative;}.head-site-section .slider-image .wrapper-mobile{left: -165px; position: absolute;}.main-website-rcc .head-site-section .slider-image .wrapper-mobile img.order-1{left: 0; margin-top: -40px; position: relative;}.horizontal-line{width: 60px; height: 0px; border: 1px solid #C4C4CC; transform: rotate(-180deg); flex: none; flex-grow: 0;}.section-number{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 16px; line-height: 170%; text-transform: capitalize; color: #565666; flex: none; flex-grow: 0;}.section-about-us-1 .section-about-us-1-wrapper .section-title{width: 90%; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; color: #41404D; font-family: 'AnybodyBold';}.section-about-us-1 .section-about-us-1-wrapper .section-content{width: 80%; font-family: 'AnybodyMeduim'; font-size: 14px; text-transform: capitalize; color: #565666; text-align: justify;}.play-single-big, .play-single-small, .tech-circle-small-animation-primary, .tech-circle-small-animation-gray{width: 90px; height: 90px; display: inline-block; border: 2px solid #5eb7bc; background: #5eb7bc; color: #fff !important; border-radius: 50%; position: relative; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; display: flex; justify-content: center; align-items: center;}.tech-circle-small-animation-primary, .tech-circle-small-animation-gray{width: 15px; height: 15px; position: absolute;}.tech-circle-small-animation-gray{background: #848484; border-color: #848484;}.play-single-big>span{font-size: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-40%, -50%); -ms-transform: translate(-40%, -50%); transform: translate(-40%, -50%);}.play-single-big:hover{width: 90px; height: 90px;}.play-single-small{width: 50px; height: 50px; display: inline-block; border: 2px solid #5eb7bc; background: #5eb7bc; color: #fff !important; border-radius: 50%; position: relative;}.play-single-small>span{font-size: 26px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-40%, -50%); -ms-transform: translate(-40%, -50%); transform: translate(-40%, -50%); -moz-transform: translate(-40%, -50%); -o-transform: translate(-40%, -50%);}.section-about-us-1-wrapper-img-color-wrapper, .section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 467px; height: 666px;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{background-image: url('/website_rcc/static/images/sectionAboutUs1.png'); z-index: 9; background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: -10px 10px #d7edee; border-radius: 15px;}.site-footer .site-footer-wrapper-links a{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 14px; text-align: center; text-transform: uppercase; color: #85859A !important; flex: none; order: 0; flex-grow: 0; margin: 10px 0; text-decoration: none !important;}.site-footer .site-footer-wrapper-company-info .label-name{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 16px; text-align: center; text-transform: uppercase; color: #ADAEBB;}.site-footer .site-footer-wrapper-company-info .label-value{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 20px; text-align: center; text-transform: uppercase; color: #565666; margin-left: 5%;}.vertical-line{border-left: 1px solid #E2E1E6; padding-top: 50px !important; padding-bottom: 35px !important;}.site-footer .site-footer-wrapper-company-info>div.wrapper{border-top: 1px solid#E2E1E6; border-bottom: 1px solid #E2E1E6;}.site-footer-main-info .head-label{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 24px; text-transform: uppercase; color: #565666;}.site-footer-main-info .label{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 18px; text-transform: uppercase; color: #565666}.site-footer-main-info .label-value{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 1.7; text-transform: capitalize; color: #565666;}#clockdiv .days, #clockdiv .hours, #clockdiv .minutes{font-style: normal; font-weight: 500; font-size: 120px; color: #292A45; line-height: 170px; font-family: 'Roboto';}#clockdiv div{font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 28px; text-align: center; text-transform: uppercase; color: #292A45;}.wrapper-comming-soon-content .paragraph1, .wrapper-comming-soon-content .paragraph2,.wrapper-comming-soon-content .paragraph3{font-family: 'Anybody'; margin-bottom: 20px}.wrapper-comming-soon-content .paragraph1,.wrapper-comming-soon-content .paragraph2{text-transform: capitalize;}.wrapper-comming-soon-content .paragraph1{font-weight: 600; font-size: 20px; color: #6C6B80;}.wrapper-comming-soon-content .paragraph2{font-weight: 700; font-size: 40px; color: #565666; font-family: 'AnybodyBold';}.wrapper-comming-soon-content .paragraph3{font-style: normal; font-weight: 400; font-size: 14px; color: #6C6B80; width: 75%; line-height: 190%;}.btn-primary:hover{background: #36a5ab !important; border-color: #36a5ab !important; color : #fff !important}.site-logo:hover{padding: 0;}.site-logo:hover .logo{background-image: url('/website_rcc/static/images/logo-colored.png'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 367px; height: 140px;}.wrapper-logo-content h2{font-family: 'Anybody'; font-weight: 600; text-transform: capitalize; font-size: 18px; margin: 0; white-space: nowrap;}.wrapper-logo-content h4{color: #F7F7F7; font-size: 8px; font-family: 'Anybody'; font-weight: 500; margin: 0; text-transform: capitalize; white-space: nowrap;}.site-footer-main-info .head-label + .label-value{width: 62%; max-width: 62%;}.label-rcc{text-align: left !important; display: block; font-family: 'Anybody'; font-weight: 600; font-size: 18px; color: #16151A; opacity: 0.5; margin-bottom: 0px !important;}.vector-big{background: url('/website_rcc/static/images/Vector-coming-soon.png');}.vector-small{background: url('/website_rcc/static/images/Vector-small.png');}.vector-footer-c{background: url('/website_rcc/static/images/Vector-left-footer-coming.png');}.vector-footer-slope{background: url('/website_rcc/static/images/Vector-slope.png');}.vector-big, .vector-small, .vector-footer-c, .vector-footer-slope, .wrapper-section-contact-us .vector-footer .vector-footer-c-green{position: absolute; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; right: 0px; z-index: -1;}.vector-footer .vector-footer-slope{width: 412.36px; height: 413.14px; right: auto; left: -21px; bottom: -450px;}.vector-footer .vector-footer-c{width: 311.13px; height: 341.74px; right: auto; left: 0%; bottom: -352px;}.vector-coming-soon.vector-center .vector-big{width: 509px; height: 515px; top: -80%; left: 10%;}.vector-coming-soon.vector-center .vector-small{top: -20%; left: 23%; width: 264.64px; height: 272.46px;}.icon-menu.h3.text-color-nav{color: #565666; font-size: 50px;}.main-website-rcc .login-wrapper .login-wrapper-content .paragraph-1{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 24px; text-transform: capitalize; color: #525252;}.main-website-rcc .login-wrapper .login-wrapper-content .paragraph-2{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 16px; text-transform: capitalize; color: #525252;}div.form-group.form-login-rcc label{font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-size: 14px; color: #828282;}.lg-height-vh{height: 100vh; width: 100%; background: url('/website_rcc/static/images/frame_login_15.png'); background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;}.rcc-primary-link{font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; color: #36A5AB !important; cursor: pointer;}.rcc-text-muted{font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-size: 18px; color: #828282;}.main-website-rcc div.row.d-flex.flex-wrap.login-wrapper > div.login-wrapper-content > form > div > div.forgot > a{font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; color: #36A5AB; text-transform: capitalize;}.main-website-rcc div.login-wrapper > div.login-wrapper-content > form > div> div:nth-child(1) > label{font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #A1A1A1; text-transform: capitalize}.main-website-rcc div.login-wrapper > div.col-lg-5.col-12.login-wrapper-content > form > div:nth-child(5){bottom: 15px; padding: 0 5px;}.form-login-rcc input.form_control{width: 100%; min-height: 40px; border-color: #a0a0a9; border-radius: 6px; border: 1px solid #a0a0a9; padding: 5px 20px;}.login-wrapper-content{align-items: start; display: flex !important; flex-direction: column; padding: 40px 100px !important;}:focus-visible{outline: #36A5AB solid 1px;}input[type="checkbox"]:checked{background: #36A5AB !important; border: 2px solid #36A5AB !important; border-radius: 2px;}input[type="checkbox"]{border: 2px solid #36A5AB !important; border-radius: 2px;}.bg-primary-rcc{background: #206367}.rcc-wrapper-breadcrumb{background: #D7EDEE;}.main-website-rcc .rcc-wrapper-breadcrumb > div.row{min-height: calc(50vh); background-color: #D7EDEE; max-height: fit-content;}.main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 20px; text-transform: capitalize; color: #898999; margin-bottom: 15px;}.main-website-rcc .rcc-wrapper-breadcrumb div.title-page{font-family: 'AnybodyBold'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 140%; text-transform: capitalize; color: #565666; margin-bottom: 15px;}.main-website-rcc .rcc-wrapper-breadcrumb div.path-page.d-flex *{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #898999;}div.rcc-wrapper-breadcrumb div.rcc-wrapper-breadcrumb-content div.path-page > a:nth-child(3){font-family: 'AnybodySemiBold';}main.main-website-rcc .be-in-toutch-wrapper div.be-in-toutch-wrapper-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 26px; line-height: 140%; text-align: center; color: #41404D; margin-top: 100px !important;}main.main-website-rcc .be-in-toutch-wrapper.careers-section-1 div.be-in-toutch-wrapper-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 140%; text-align: center; color: #41404D; margin-top: 100px !important;}main.main-website-rcc .technologies-section-4 div.be-in-toutch-wrapper-title{font-size: 32px; text-transform: capitalize; color: #565666;}main.main-website-rcc .be-in-toutch-wrapper > div.be-in-toutch-wrapper-content{font-family: 'Anybody'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 200%; text-align: center; text-transform: capitalize; color: #5B5C72;}main.main-website-rcc .technologies-section-4 > div.be-in-toutch-wrapper-content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-align: center; text-transform: capitalize; color: #565666;}.main-website-rcc .contact-us-info, main.main-website-rcc div.be-in-toutch-wrapper{justify-content: center; padding: 0 100px 50px; margin-top: 0;}.main-website-rcc .contact-us-info div.contact-us-info-content > div.title{font-family: 'AnybodySemiBold'; font-size: 18px; line-height: 140%; text-transform: capitalize; margin-bottom: 5px; width: 75%; color: #41404D;}main.main-website-rcc div.contact-us-info > div > div > div.contact-us-info-content> div.title-content, main.main-website-rcc div.contact-us-info > div > div > div.contact-us-info-content> a.title-content{font-family: 'Anybody'; font-weight: 500; font-size: 16px; line-height: 170%; text-transform: capitalize; width: 75%; color: #565666;}.rcc-wrapper-breadcrumb-content{margin: 0 auto; width: fit-content; position: relative; left: -30px; top: -35px;}.bread-crumb-img-layer-2, .bread-crumb-img-layer-1{width: 415px; height: 415px; border-radius: 15px;}.bread-crumb-img-layer-2{background: #86C9CD; right: 400px; top: -130px;}.bread-crumb-img-layer-1,.bread-crumb-img-layer-2, .vectors-left-breadcrumb .vector-left-big, .vectors-left-breadcrumb .vector-left-small, .vectors-right-breadcrumb .vector-right-big, .vectors-right-breadcrumb .vector-right-small, .vector-footer .vector-footer-slope-green{background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; position: absolute;}.bread-crumb-img-layer-1.contact-us{background: url('/website_rcc/static/images/breadcrumb-contact0us.png'), #F6F5F8; right: 380px; top: -100px; z-index: 2;}.vectors-left-breadcrumb .vector-left-big{background: url('/website_rcc/static/images/vector-left-big-breadcrumb.png'); width: 441px; height: 446px; top: -155px; left: -115px;}.vectors-left-breadcrumb .vector-left-small{background: url('/website_rcc/static/images/vector-left-small-breadcrumb.png'); width: 229px; height: 235px; top: -40px; left: -60px;}.vectors-right-breadcrumb .vector-right-big{background: url('/website_rcc/static/images/vector-right-big-breadcrumb.png'); width: 392px; height: 396px; right: 178px; top: -90px;}.vectors-right-breadcrumb .vector-right-small{background: url('/website_rcc/static/images/vector-right-small-breadcrumb.png'); width: 204px; height: 209px; right: 300px; top: 5px;}.icon-wrapper{width: 64px; height: 64px; background: #D7EDEE; border-radius: 15px; display: flex; align-items: center; justify-content: center; flex-direction: row; position: relative; top: 10px;}.icon-wrapper:hover{background: #206367; color: #fff}.icon-wrapper:hover i{}.map-wrapper-section{height: 1063px; max-height: 1063px; align-items: center; justify-content: center;}.map-wrapper-section .contact-us-wrapper-content-map-bg .bg #rcc-map, .contact-us-wrapper-content-map.bg-primary-rcc, .vh-100{height: 100vh; max-height: 100vh;}.horizontal-line.border-color-white{border-color: #fff;}main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 46px; line-height: 140%; color: #FFFFFF; margin-bottom: 10px;}main.main-website-rcc .map-wrapper-section div.contact-us-wrapper-content-map div.paragraph3{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 14px; line-height: 170%; color: #FFFFFF; margin-bottom: 10px; width: 90%; text-align: justify;}.form-control-no-bg{background: transparent !important; border: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important; color: #fff !important; font-family: 'AnybodySemiBold'; font-weight: 600 !important; font-size: 16px !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important;}.form-control-no-bg::placeholder{opacity: 0.5;}.login-contact-us{position: relative; left: -15px;}.btn-rcc-no-bg{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 32px; gap: 12px; width: 159px; height: 48px; background: rgba(18, 17, 39, 0.04); border: 2px solid #FFFFFF; border-radius: 20px; margin-left: 15px; color: #fff !important; cursor: pointer;}.btn-rcc-no-bg-demo{padding: 14px 32px; background: rgba(18, 17, 39, 0.04); border: 2px solid #565666; border-radius: 10px; margin-left: 15px; color: #565666 !important; cursor: pointer;}.btn-send-request{background: #21828C; border: 2px solid #21828C; border-radius: 20px; color: #fff !important; cursor: pointer;}.btn-rcc-pop-up{padding: 14px 32px; width: 159px; height: 48px; background: rgba(18, 17, 39, 0.04); border: 2px solid #FFFFFF; border-radius: 20px; margin-left: 2px; color: #fff !important; cursor: pointer;}main.main-website-rcc .map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div > form > a.btn-rcc-no-bg{margin-top: 15px;}.wrapper-section-contact-us .vector-footer .vector-footer-c{bottom: -740px; opacity: 0.2; width: 450.13px; right: 1692.26px; left: -185px; z-index: 1;}.wrapper-section-contact-us .vector-footer .vector-footer-slope-green{background: url('/website_rcc/static/images/vector-slope-green.png'); height: 413.13px; width: 412.36px; left: -138px; top: 378px;}.wrapper-section-contact-us .vector-footer .vector-footer-c-green{background: url('/website_rcc/static/images/vector-c-green.png'); left: -115px; top: 185px; height: 451px; width: 450px; z-index: 1;}.oe_login_form.contact_form{max-width: initial !important; position: relative !important; margin: .5rem 0!important;}div.row.d-flex.flex-wrap.map-wrapper-section.wrapper-section-contact-us > div.col-lg-5.col-md-12.col-12.contact-us-wrapper-content-bg.p-0 > div.bg-img{min-height: 100%; background-image: url('/website_rcc/static/images/contatus-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #206367; background-blend-mode: lighten;}main.main-website-rcc .map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-bg-content.bg-primary-rcc{align-items: center !important; display: flex;}.rcc_website_images_section .rcc-website-images-section-1, .rcc_website_images_section .rcc-website-images-section-2, .rcc_website_images_section .rcc-website-images-section-3, .rcc_website_images_section .rcc-website-images-section-4, .rcc_website_images_section .rcc-website-images-section-5, .rcc_website_images_section .rcc-website-images-section-6{background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 15px;}.rcc_website_images_section .rcc-website-images-section-1{width: 100%; height: 479px;}.rcc_website_images_section .rcc-website-images-section-2{width: 100%; height: 220px; margin-bottom: 22px;}.rcc_website_images_section .rcc-website-images-section-3{width: 100%; height: 235px;}.rcc_website_images_section .rcc-website-images-section-4{width: 95%; height: 428px; transform: scale(1.1);}.rcc_website_images_section .rcc-website-images-section-5{width: 88%; height: 140px; transform: scale(1.1); margin-top: -10px; margin-bottom: 45px;}.rcc_website_images_section .rcc-website-images-section-6{width: 86%; height: 270px; transform: scale(1.1);}main.main-website-rcc .technologies-section-5 div.head-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; margin-bottom: 20px; width: 90%}main.main-website-rcc .technologies-section-5 div.content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; margin-bottom: 20px;}.rcc.technologies-section-5-img-1, .technologies-section-5-img-2.rcc{width: 100%; height: 350px; left: 1013px; top: 2924px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 15px;}.site-section.site-section-2-our-services.our-services-container .rcc.technologies-section-5-img-1, .site-section.site-section-2-our-services.our-services-container .technologies-section-5-img-2.rcc{width: 100%; height: 370px;}.rcc-wrapper-technologies-section-5-img-2{position: relative; margin-top: 30px; margin-right: 0px; margin-left: 10px;}.technologies-section2{margin: 100px 0 0; padding: 30px 0 0;}.section-title{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 16px; line-height: 170%; text-transform: capitalize; color: #5B5C72;}.main-website-rcc .technologies-section-5{margin: 130px 0;}.main-website-rcc .technologies-section2 div.head-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; width: 80%;}.main-website-rcc div.technologies-section2 div.section-title{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 16px; line-height: 170%; text-transform: capitalize; color: #5B5C72;}.main-website-rcc div.technologies-section2 .technologies-section2-content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 16px; line-height: 170%; text-transform: capitalize; color: #565666; width: 75%; margin-bottom: 15px;}.main-website-rcc .technologies-section-3{margin: 20px auto 0; width: 90%; overflow-x: auto; min-height: 400px; padding: 100px 0px 50px;}.technologies-section-3 .container-wrapper-cloud-layers{width: 135%; padding: 0 50px;}.rcc-services-steps-scroll{flex-wrap: nowrap; overflow-x: auto; margin: 30px 0;}.rcc-services-steps-scroll .icon-wrapper img{max-width: 25px;}.main-website-rcc .technologies-section-3, .main-website-rcc .site-section.section-partners .partners-logos-wrapper, .main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services, .main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .wrapper-carousel, .rcc-services-steps-scroll{scrollbar-width: thin; scrollbar-height: thin; scrollbar-color: transparent;}.main-website-rcc .technologies-section-3::-webkit-scrollbar, .main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services::-webkit-scrollbar, .main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .wrapper-carousel::-webkit-scrollbar, .main-website-rcc .site-section.section-partners .partners-logos-wrapper::-webkit-scrollbar, .rcc-services-steps-scroll::-webkit-scrollbar{width: 0px; height:0;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services::-webkit-scrollbar-track, .main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .wrapper-carousel::-webkit-scrollbar-track, .main-website-rcc .technologies-section-3::-webkit-scrollbar-track, .main-website-rcc .site-section.section-partners .partners-logos-wrapper::-webkit-scrollbar-track, .rcc-services-steps-scroll::-webkit-scrollbar-track{background-color: transparent;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services::-webkit-scrollbar-thumb, .main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .wrapper-carousel::-webkit-scrollbar-thumb .main-website-rcc .technologies-section-3::-webkit-scrollbar-thumb, .main-website-rcc .site-section.section-partners .partners-logos-wrapper::-webkit-scrollbar-thumb, .rcc-services-steps-scroll::-webkit-scrollbar-thumb{background-color: transparent; border-radius: 5px; border: 1px solid transparent;}.wrapper-cloud-layers{width: 550px; max-width: 550px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; margin: 0px 20px 30px; flex: 0 0 100%;}.technologies-section-3 .wrapper-cloud-layer-1{background: #FBFBFC; border-radius: 15px; z-index: 10; width: 90%; min-height: 327px; padding: 30px;}.technologies-section-3 .wrapper-cloud-layer-1 img{max-width: 35px; min-width: 35px;}.technologies-section-3 .wrapper-cloud-layer-2.top, .technologies-section-3 .wrapper-cloud-layer-2.bottom{position: absolute; width: 545px; height: 458px; background: #D7EDEE; border-radius: 15px; z-index: -1;}.technologies-section-3 .wrapper-cloud-layer-2.top{left: -30px; top: 30px;}.technologies-section-3 .wrapper-cloud-layer-2.bottom{left: 30px; top: -30px;}.technologies-section-3 .wrapper-cloud-layer-1 .head-title span{font-family: 'Anybody'; font-size: 16px; line-height: 140%; text-transform: capitalize;}.technologies-section-3 .wrapper-cloud-layer-1 .head-title, .technologies-section-3 .wrapper-cloud-layer-1 .head-title span{color: #434343;}.technologies-section-3 .wrapper-cloud-layer-1 .title{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 22px; line-height: 140%; text-transform: capitalize; color: #292A45;}.technologies-section-3 .wrapper-cloud-layer-1 .content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; width: 95%;}.technologies-section2, .technologies-section-3, .technologies-section-4{position: relative; z-index: 3;}.available-opportunities-wrapper.careers-section-4, .careers-sections-3, .no-available-opportunities-position-wrapper.careers-section-5{margin: 60px 0 100px;}.available-opportunities-wrapper.careers-section-4 .available-opportunities-wrapper .available-opportunities-wrapper-wrapper-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 26px; line-height: 140%; text-transform: capitalize; color: #565666; text-align: center;}.available-opportunities-wrapper.careers-section-4 .available-opportunities-wrapper .available-opportunities-wrapper-wrapper-content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; text-align: center; text-transform: capitalize; color: #565666; margin-bottom: 60px; padding: 0 40px;}.available-opportunities-position-wrapper .wrapper-job-opportunity{margin-bottom: 20px; width: 98%; min-height: 200px; background: #FFFFFF; border-radius: 15px; box-shadow: 10px 10px #d7edee; padding: 30px;}.available-opportunities-position-wrapper .wrapper-job-opportunity .job-title{width: 90%; font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 18px; line-height: 140%; text-transform: capitalize; color: #41404D; margin-bottom: 10px; margin-top: 10px;}.available-opportunities-position-wrapper .wrapper-job-opportunity .job-description{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 13px; line-height: 170%; text-transform: capitalize; color: #6C6B80; width: 98%; margin-bottom: 10px;}.available-opportunities-position-wrapper .wrapper-job-opportunity .apply-to-job{width: 90%; font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 17px; text-align: inherit; color: #36A5AB;}.available-opportunities-position-wrapper .wrapper-job-opportunity:hover{background-color: #34a6aa;}.available-opportunities-position-wrapper .wrapper-job-opportunity:hover *{color: #fff;}.no-available-opportunities-position-wrapper.careers-section-5 .wrapper-content{width: 75%; min-height: 250px; background: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 20px; margin: 0 auto 10px; justify-content: space-between; align-content: center; padding: 30px; flex-direction: column;}.no-available-opportunities-position-wrapper.careers-section-5 > div > h3.info{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 24px; color: #898999; margin-bottom: 30px !important;}.no-available-opportunities-position-wrapper.careers-section-5 > div > div{font-size: 14px; line-height: 180%; text-align: center; color: #565666;}.rcc-website-images-container{margin: 0px; justify-content: center; display: flex; width: 100%;}.rcc-website-images-container div{box-shadow: 10px 10px #d7edee;}.modal{z-index: 99999 !important;}.modal-backdrop{z-index: 9999 !important;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content{padding: 65px;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content h2{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #41404D;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content h3{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 18px; line-height: 140%; text-transform: capitalize; color: #16151A; flex: none; order: 0; flex-grow: 0;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content .content-paragraph-job{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 13px; line-height: 170%; text-transform: capitalize; color: #16151A; flex: none; order: 1; flex-grow: 0;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content h4{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 18px; line-height: 140%; text-transform: capitalize; color: #16151A; flex: none; order: 2; flex-grow: 0;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content ul li{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 13px; line-height: 170%; text-transform: capitalize; color: #16151A; flex: none; order: 3; flex-grow: 0;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-form-job{padding: 65px;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-form-job h3{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 22px; line-height: 120%; text-transform: capitalize; font-feature-settings: 'pnum' on, 'lnum' on; color: #FFFFFF;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-form-job h4{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 14px; line-height: 170%; color: #FFFFFF; margin: 15px 5px;}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-form-job .form-apply-job .btn-primary-site-invarient{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 32px; gap: 12px; width: 153px; height: 48px; margin-top: 40px; background: #FFFFFF;}.modal-apply-job-rcc .modal-content{background: #FFFFFF; box-shadow: -20px 18px 34px rgb(0 0 0 / 10%); border-radius: 25px; border: none;}.modal-apply-job-rcc .modal-content .row{border-radius: 15px;}.modal-apply-job-rcc .modal-content .row div.bg-white{border-radius: 0 15px 15px 0px;}.rcc-file-upload-wrapper{width: 100%; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 15px; padding: 20px; justify-content: center; align-items: center; align-content: center; text-align: center;}.rcc-file-upload-wrapper #file-drag{width: 100%;}.rcc-file-upload-wrapper #file-drag #file-upload-wrapper-container i{color: #fff; font-size: 28px; margin-bottom: 15px;}.rcc-file-upload-wrapper #file-drag #file-upload-wrapper-container{cursor: pointer;}.rcc-file-upload-wrapper #file-drag #file-upload-wrapper-container div{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 13px; text-transform: capitalize; color: #FFFFFF; flex: none; order: 1; flex-grow: 0;}.rcc-file-upload-wrapper #file-drag #file-upload-wrapper-container #file-upload-btn{display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 6px 20px; gap: 6px; width: 143px; height: 39px; background: #D7EDEE; border-radius: 5px; margin: 15px auto 0; color: #16151A;}.main-website-rcc .section-video.overlay::before{background-color: rgb(175 219 221 / 70%);}.main-website-rcc .site-blocks-cover.overlay.inner-page-cover.section-video{background-color: #afdbddb3; background-blend-mode: luminosity;}.partners-logos-wrapper .partner-logo-wrapper div{background-position: center; background-size: cover; background-repeat: no-repeat; margin: 25px 5px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-1 div{width: 124.28px; height: 76.49px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-2 div{width: 117.07px; height: 47.53px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-3 div{width: 66.35px; height: 90.27px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-4 div{width: 95.98px; height: 95.93px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-5 div{width: 102.72px; height: 65px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-6 div{width: 150.72px; height: 55px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-7 div{width: 130.72px; height: 125px;}.partners-logos-wrapper .partner-logo-wrapper.partner-logo-8 div{width: 102.72px; height: 65px;}.section-partners{padding: 100px 0;}.section-partners .partners-logos-wrapper .row{justify-content: space-evenly; align-self: center; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; margin: 0 auto;}.block-13.owl-carousel-teams .owl-nav, .wrapper-section-about-3 .slide-one-item .owl-nav{left: 4%;}.wrapper-section-about-3 .block-13 .owl-nav .icon-arrow_back:before, .wrapper-section-about-3 .owl-nav .icon-arrow_back:before{content: "Prev"; border-bottom: 1px solid #000; padding: 5px; font-family: 'Poppins'; font-size: 16px; line-height: 150%; text-align: right; text-transform: uppercase; color: #292A45;}.wrapper-section-about-3 .block-13 .owl-nav .icon-arrow_forward:before, .wrapper-section-about-3 .owl-nav .icon-arrow_forward:before{content: "Next"; border-bottom: 1px solid #000; padding: 5px; font-family: 'Poppins'; font-size: 16px; line-height: 150%; text-align: right; text-transform: uppercase; color: #292A45;}.wrapper-section-about-3 .horizontal-line{border-bottom: 1px solid #A9AFC3;}.wrapper-section-about-3 .section-title{font-style: normal; font-weight: 400; font-size: 16px; line-height: 150%; letter-spacing: 0.08em; text-transform: uppercase; color: #A9AFC3;}.wrapper-section-about-3 h2{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; margin-bottom: 20px; width: 70%;}.main-website-rcc .wrapper-section-about-our-successful-projects.wrapper-section-about-3 p{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; margin-bottom: 40px; width: 75%;}.wrapper-background-section{padding: 80px 20px;}.block-13.wrapper-section-about-3 .owl-nav, .owl-carousel-teams slide-one-item .owl-nav{left: 80px; bottom: -70px;}.owl-carousel-teams .block-13 .owl-nav .owl-prev, .owl-carousel-teams .block-13 .owl-nav .owl-next{padding: 0 5px;}.wrapper-section-about-3 .img-fluid.:before{position: absolute; content: ""; left: 0; bottom: 0; right: 0; top: 0; background: rgba(0, 0, 0, 0.4);}.site-mobile-menu{top: 10px !important;}.section-about-us-2 .wrapper-content .section-title{width: 73px; font-family: 'AnybodyMeduim'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 170%; text-transform: capitalize; color: #565666; order: 2; flex-grow: 0;}.section-about-us-2 .wrapper-content .head-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; margin-bottom: 25px;}.section-about-us-2 .wrapper-content p{width: 90%; font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; text-align: justify;}.section-about-us-2 .wrapper-shapes{display: flex; width: 90%;}.wrapper-shapes .circle{background: #36A5AB; border-radius: 65px; position: absolute; width: 99px; height: 99px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes .circle{z-index: 1;}.wrapper-shapes .circle.right{left: 430px; top: -30px;}.wrapper-shapes .circle.left{left: 165px; top: -35px;}.wrapper-shapes .circle.left{left: 12%; top: -20%; position: relative;}.wrapper-shapes .circle.right{left: 60%; top: -15%; z-index: 1; position: relative;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .wrapper-shapes .circle{display: flex; top: -8%; left: 5%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .wrapper-shapes .circle{display: flex; top: 53%; right: 10%; width: 65px; height: 65px; background: #AFDBDD;}.wrapper-shapes .square{width: 50%; height: 220px; left: 0px; top: 0px; background: #FFFFFF; border-radius: 15px; box-shadow: 10px 10px #d7edee; flex-wrap: wrap; align-content: center; padding: 5px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes .square{width: 80%; z-index: 2;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .square{z-index: 2;}.site-navbar .site-navigation .site-menu > li{margin: 0 10px;}a.unit-1.text-center.overlay::before{position: absolute; content: ""; left: 0; bottom: 0; right: 0; top: 0; background: rgba(0, 0, 0, 0.4); background: linear-gradient(180deg, #FFFFFF 0%, #000000 100%); mix-blend-mode: luminosity; background-blend-mode: luminosity;}.owl-carousel .owl-item img.img-overlay{display: block; width: 100%; background: linear-gradient(180deg, #FFFFFF 0%, #000000 100%); mix-blend-mode: luminosity; background-blend-mode: luminosity;}.unit-1:hover::before, .unit-1:hover img.img-overlay{background: none; mix-blend-mode: normal; background-blend-mode: normal;}div.section-about-us-2 div.wrapper-content div.title{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 22px; line-height: 140%; text-transform: capitalize; color: #41404D; margin-bottom: 20px;}.square .square-title{font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 170%; text-align: center; color: #A9AFC3; margin-top: 10px}.square .square-title.text-black{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 14px; line-height: 170%; text-align: center; color: #6C6B80;}.square .number{font-family: 'Mulish'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 100%; text-align: center; text-transform: capitalize; color: #292A45;}.square .plus{font-family: 'Mulish'; font-style: normal; font-weight: 400; color: #292A45; position: relative; top: -15px; margin-left: 10px;}.unit-1 .unit-1-text .unit-1-heading{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 18px; line-height: 140%; text-transform: capitalize; color: #FFFFFF; width: 50%; margin: 0 auto; text-align: left;}.site-blocks-cover.inner-page-cover.section-video-1, .site-blocks-cover.inner-page-cover.section-video-1 .row{min-height: 200px; height: calc(15vh); margin-bottom: 80px;}.section-about-us-2{padding: 100px 0;}#section-about div.sction-header div.section-name{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666;}.wrapper-section-about-us-2 .paragraph-1{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666;}.wrapper-section-about-us-2 .paragraph-2{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 180%; text-transform: capitalize; color: #6C6B80; margin-bottom: 25px !important;}.wrapper-section-about-us-2 ul li h3{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 20px; line-height: 140%; text-transform: capitalize; color: #565666;}.wrapper-section-about-us-2 ul li p{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #6C6B80;}.rcc-bg-secondary{background: #D8F0EB;}.main-website-rcc .wrapper-section-our-services p.paragraph-1{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #5B5C72;}.main-website-rcc .wrapper-section-our-services p.paragraph-2{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666;}.main-website-rcc .site-section.section-partners .paragraph-1, .site-section.section-partners .paragraph-2{font-family: 'AnybodySemiBold'; font-weight: 700; font-size: 22px; line-height: 140%; text-align: center; text-transform: capitalize; color: #41404D; margin-bottom: 0;}.main-website-rcc .site-section.section-partners .partners-logos-wrapper{margin-top: 60px; display: flex; justify-content: center;}.main-website-rcc .wrapper-section-about-3 .owl-carousel .owl-item:hover{position: relative; top: -25px;}.main-website-rcc .main-website-rcc .wrapper-section-about-3 .owl-carousel .owl-stage{padding: 20px 0}.main-website-rcc .wrapper-section-about-us-2 .wrapper-category-2-shapes{padding: 30px 0;}.main-website-rcc .wrapper-section-about-us-2 .wrapper-category-1-shapes .square h3, .main-website-rcc .wrapper-section-about-us-2 .wrapper-category-2-shapes .square h3{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 26px; line-height: 140%; text-align: center; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #292A45; margin-bottom: 5px !important;}.main-website-rcc .wrapper-section-about-us-2 .wrapper-category-1-shapes .square h2, .main-website-rcc .wrapper-section-about-us-2 .wrapper-category-2-shapes .square h2{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 16px; line-height: 170%; text-align: center; color: #6C6B80;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote{background: #36A5AB; box-shadow: 42px 39px 23px rgb(14 117 124 / 1%), 24px 22px 19px rgb(14 117 124 / 5%), 11px 10px 14px rgb(14 117 124 / 9%), 3px 2px 8px rgb(14 117 124 / 10%), 0px 0px 0px rgb(14 117 124 / 10%); border-radius: 15px; width: 50%; display: flex; flex-direction: column; padding: 35px 35px; position: absolute; top: 70%; right: 10%;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote q{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 16px; line-height: 170%; text-transform: capitalize; color: #FDFDFE; padding: 15px; border-left: 1px solid #5EB7BC;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile{margin: 0 20px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile .rcc-img-profile{width: 49px; height: 49px; background-size: cover; background-position: center; background-repeat: no-repeat;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile .rcc-user-name{font-family: 'Herr Von Muellerhoff'; font-style: normal; font-weight: 400; font-size: 30px; line-height: 170%; text-transform: capitalize; color: #F8F7F9;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .service-name{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 22px; line-height: 140%; color: #5B5C72;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .wrapper-section-our-service{border-bottom: 1px solid #AFDBDD; padding: 40px 0; opacity: .4; min-width: 95%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .wrapper-section-our-service.active{opacity: 1;}.site-section.section-about-us-2.wrapper-section-our-services .services-details-content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666;}.site-section.section-about-us-2.wrapper-section-our-services a{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; color: #41404D; float: right;}div.site-section.site-section-2-our-services.our-services-container .wrapper-service-image .square-service{height: 350px; width: 100%; left: 20px; top: 0px; border-radius: 15px; background-repeat: no-repeat; background-size: cover; box-shadow: -10px 10px #d7edee; background-position: center;}div.site-section.site-section-2-our-services.our-services-container .wrapper-service-image .square-service.right{box-shadow: 10px 10px #d7edee;}.main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .head-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; margin-bottom: 20px;}.main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; margin-bottom: 30px; width: 85%;}.wrapper-section-our-service .service-name{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; margin-bottom: 16px;; margin-top: 15px;}.site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service .services-details-content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; margin-bottom: 20px;}.site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service a{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; color: #565666;}.site-section.site-section-2-our-services.our-services-container .col-grid-service{margin: 15px 0;}.site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service{padding: 0 60px; margin-bottom: 25px;}.our-services-details-container{margin: 100px 0 50px 0;}.site-section.site-section-2-our-services.our-services-container .section-2 .row .row:hover .square-service.left{box-shadow: -10px 10px #36A5AB;}.site-section.site-section-2-our-services.our-services-container .section-2 .row .row:hover{margin-left: -35px !important; position: relative; transition: all 0.5s ease;}.site-section.site-section-2-our-services.our-services-container .section-2 .row .row:hover .square-service.right{box-shadow: 10px 10px #36A5AB;}.site-section.site-section-2-our-services.our-services-container .section-2 .row .row:hover .wrapper-section-our-service a{color: #36A5AB;}.our-services-details-container .service-body .paragraph-1, .our-services-details-container .service-body .paragraph-3, .our-services-details-container .service-body .paragraph-4{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; text-align: justify;}.our-services-details-container .service-body .paragraph-2{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #16151A;}.our-services-details-container .service-footer{display: flex; justify-content: center; margin-top: 60px;}.our-services-details-container .service-footer .btn{background: #2B8489; border-radius: 8px; border-color: #2B8489; font-family: 'Anybody';}.site-section.site-section-2-our-services-details.our-services-details-container div.service-body div.step-number{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 15px; line-height: 140%; text-transform: capitalize; color: #41404D; margin-bottom: 15px; margin-top: 30px;}.site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 16px; line-height: 140%; text-transform: capitalize; color: #41404D; margin-bottom: 20px; width: 90%;}.site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title-content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; margin-bottom: 20px; max-width: 90%;}.site-section.wrapper-request-service{margin-top: 30px;}.site-section.wrapper-request-service .request-head-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 140%; text-align: center; color: #41404D; margin: 50px 0 25px;}.site-section.wrapper-request-service .request-content{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 200%; text-align: center; text-transform: capitalize; color: #5B5C72; width: 60%; margin: 0 auto;}.site-section.wrapper-request-service .request-service-form .form-footer .btn{width: 240px; background: #120D0E; border-radius: 20px; display: flex; justify-content: center; align-items: baseline; font-size: 15px; padding: 14px 32px; font-family: 'Anybody';}.site-section.wrapper-request-service .request-service-form label.form-label.form-label-rcc{font-family: 'Poppins'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 180%; color: #000000;}.site-section.wrapper-request-service .request-service-form . rcc-form-control{font-family: 'Anybody'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(18, 17, 39, 0.4);}.request-service-form{padding: 40px; margin-top: 50px;}.site-section.wrapper-request-service .request-service-form .wrapper-select-option{display: flex; flex-direction: row; justify-content: center; align-items: baseline; padding: 12px 20px 12px 30px; gap: 10px; height: 48px; background: #FFFFFF; border: 1px solid #D7EDEE; border-radius: 20px; flex: none; order: 1; flex-grow: 0; margin: 10px; font-size: 13px;}.site-section.wrapper-section-project .wrapper-project-details .img{background-size: cover; width: 100%; background-repeat: no-repeat; background-position: center; border-radius: 15px; transition: all .2s ease-in-out;}.site-section.wrapper-section-project .wrapper-project-details.wrapper-project-details-1 .img{height: 550px; height: 550px; max-height: 550px; overflow-y: hidden;}.site-section.wrapper-section-project .wrapper-project-details.wrapper-project-details-2 .img, .site-section.wrapper-section-project .wrapper-project-details.wrapper-project-details-3 .img, .site-section.wrapper-section-project .wrapper-project-details.wrapper-project-details-4 .img, .site-section.wrapper-section-project .wrapper-project-details.wrapper-project-details-5 .img{height: 500px; transition: transform .5s ease;}.site-section.wrapper-section-project .wrapper-project-details::before{position: absolute; content: ""; left: 0; bottom: 0; right: 0; top: 0; width: 100%; border-radius: 15px; background: rgba(0, 0, 0, 0.4); overflow: hidden; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}.site-section.wrapper-section-project .wrapper-project-details .project-image-content{position: absolute; margin-top: -160px; padding: 20px; color: #fff; font-family: 'Poppins'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 130%; text-transform: capitalize; color: #FFFFFF;}@media (min-width: 992px){.site-section.wrapper-section-project .col-lg-4{-webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 32.5%; max-width: 32.5%;}.site-section.wrapper-section-project .col-lg-6{-webkit-box-flex: 0; -ms-flex: 0 0 49.5%; flex: 0 0 49.5%; max-width: 49.5%;}}.site-section.wrapper-section-project, .site-section.wrapper-section-project-details{margin-top: 100px;}.form-control.border-none{border: none;}.site-section.wrapper-request-service .request-service-form .form-control::placeholder, .site-section.wrapper-request-service .request-service-form .form-control:-ms-input-placeholder, .site-section.wrapper-request-service .request-service-form .form-control::-ms-input-placeholder{font-family: 'Anybody'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: rgba(18, 17, 39, 0.4);}.site-section.wrapper-section-project .form-label{font-weight: 600; font-size: 18px; line-height: 170%; color: #000000; margin: 0; padding: 0 8px; font-family: 'AnybodySemiBold'}.site-section.wrapper-section-project .form-control.border-none{color: #6C6B80; font-family: 'AnybodySemiBold'; font-size: 18px;}.site-section.wrapper-section-project-details .head-title{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 26px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; text-align: center; margin: 0 auto 50px; display: block;}.site-section.wrapper-section-project-details .story-body{margin: 110px 50px 0;}.site-section.wrapper-section-project-details .story-body .paragraph-1, .site-section.wrapper-section-project-details .story-body .paragraph-4{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666;}.site-section.wrapper-section-project-details .story-body .paragraph-1{margin: 0 50px 50px;}.site-section.wrapper-section-project-details .story-body .paragraph-2, .site-section.wrapper-section-project-details .story-body .paragraph-3, .site-section.wrapper-section-project-details .story-body .paragraph-5, .site-section.wrapper-section-project-details .story-body .paragraph-6, .site-section.wrapper-section-project-details .story-body .paragraph-7, .site-section.wrapper-section-project-details .story-body .paragraph-8{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666;}w-40{width: 40%}.box-shadow-left{box-shadow: -10px 10px #d7edee;}.box-shadow-right{box-shadow: 10px 10px #d7edee;}.site-section.site-section-2-our-services-details.our-services-details-container .img-big-service, .site-section.wrapper-section-project-details .img-big-service{width: 100%; height: 711px; background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 40px; border-radius: 15px;}.site-section.wrapper-section-project div.project-image-content div.date-blogs{margin-bottom: 10px; font-family: 'Mulish'; font-style: normal; font-weight: 400; font-size: 13px; line-height: 170%; color: #A9AFC3;}.site-section.wrapper-section-project div.project-image-content div.date-blogs + div{max-width: 60%; font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 20px; line-height: 140%; text-transform: capitalize; color: #D6D6DD;}.site-section.wrapper-section-blogs .wrapper-project-details{overflow: hidden; border-radius: 15px;}.site-section.wrapper-section-blogs .wrapper-project-details:hover .img, .site-section.wrapper-section-project .wrapper-project-details:hover .img{transform: scale(1.2);}.site-section.wrapper-section-blogs .wrapper-project-details:hover .img::before, .site-section.wrapper-section-blogs .wrapper-project-details .img::before, .site-section.wrapper-section-project .wrapper-project-details:hover .img::before, .site-section.wrapper-section-project .wrapper-project-details .img::before{position: absolute; content: ""; left: 0; bottom: 0; right: 0; top: 0; width: 100%; border-radius: 15px; background: rgba(0, 0, 0, 0.4); overflow: hidden; background: linear-gradient(180deg, rgba(25, 28, 38, 0) 0%, #111319 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);}.main-website-rcc .site-section.wrapper-section-project.wrapper-section-blogs .overflow-hidden.rounded, .main-website-rcc .site-section.wrapper-section-project .overflow-hidden.rounded{border-radius: 15px !important;}#site-navbar > nav:nth-child(1){display: none !important;}.login-wrapper .login-wrapper-content .btn-primary-site{color: white; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 32px; height: 45px; background: #206367; border-radius: 8px; font-family: "AnybodyMeduimItalic";}.main-website-rcc .oe_reset_password_form{max-width: 30% !important;}.main-website-rcc .login-wrapper .oe_login_form{flex-grow: .6;}.main-website-rcc .login-wrapper .rcc-bottom-wrapper{position: relative; justify-content: center; text-align: center; left: 0; margin-top: 10vh !important; right: 0;}.main-website-rcc .head-site-section .carousel-item, .main-website-rcc .head-site-section .carousel-item-next, .main-website-rcc .head-site-section .carousel-item-prev, .main-website-rcc .head-site-section .carousel-item.active{transition: none !important}.main-website-rcc .head-site-section .carousel-indicators{position: absolute; right: 0; bottom: 0; top: 0; left: auto; z-index: 15; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; padding-left: 5%; margin-right: 5%; margin-left: 0; list-style: none; width: fit-content; flex-direction: column; height: 85%;}.main-website-rcc .head-site-section .carousel-indicators li{box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; flex: 0 1 auto; width: 15px; height: 2px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #FFFFFF; background-clip: inherit; border-top: none; border-bottom: none; opacity: .5; transition: opacity 0.6s ease; height: 5px; width: 15px; left: 15px; top: 20px; border-radius: 40px; margin-bottom: 0; margin-top: 10px;}.main-website-rcc .head-site-section .carousel-indicators .active{opacity: 1; width: 30px;}.main-website-rcc .head-site-section .carousel-control-prev{left: auto; color: #000; margin-right: 18%; text-align: left;}.main-website-rcc .head-site-section .carousel-control-prev, .main-website-rcc .head-site-section .carousel-control-next{position: absolute; top: auto; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; width: fit-content; color: #FFFFFF; text-align: center; right: 0; opacity: 0.5; transition: opacity 0.15s ease; background: transparent; align-self: flex-end; margin-bottom: 4%; border-bottom: 1px solid #fff; padding: 0; margin-right: 5%; margin-left: 5%;}.main-website-rcc .head-site-section .carousel-control-prev-icon, .main-website-rcc .head-site-section .carousel-control-next-icon{display: inline-block; width: auto; height: auto; background: no-repeat 50% / 100% 100%;}.main-website-rcc .head-site-section .sr-only{position: relative; min-width: 80px; width: auto; height: auto; padding: 0; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; color: #fff;}.main-website-rcc .head-site-section .carousel-control-next .sr-only{left: 0; text-align: right;}.rcc-customize-header.site-navbar{position: fixed;}.main-website-rcc .head-site-section .carousel-control-prev{right: 6%;}.main-website-rcc .head-site-section .carousel-control-prev span.sr-only{text-align: left;}.main-website-rcc .wrapper-section-about-us-2 ul li:before{display: none}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services{max-height: 900px; overflow: hidden;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services{max-height: 75vh; overflow: auto;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1{background-image:url('/website_rcc/static/images/left-service-1.png'); box-shadow: -8px 8px #afdbdd;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2{background-image:url('/website_rcc/static/images/right-service-1.png'); box-shadow: 8px 8px #afdbdd;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1.service-1{background-image:url('/website_rcc/static/images/left-service-2.png')}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2.service-1{background-image:url('/website_rcc/static/images/right-service-1.png')}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1.service-2{background-image:url('/website_rcc/static/images/left-service-3.png')}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2.service-2{background-image:url('/website_rcc/static/images/right-service-3.png')}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1.service-3{background-image:url('/website_rcc/static/images/left-service-1.png');}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2.service-3{background-image:url('/website_rcc/static/images/right-service-1.png');}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1.service-4{background-image:url('/website_rcc/static/images/left-service-2.png')}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2.service-4{background-image:url('/website_rcc/static/images/right-service-1.png')}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1.service-5{background-image:url('/website_rcc/static/images/left-service-3.png')}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2.service-5{background-image:url('/website_rcc/static/images/right-service-3.png')}.main-website-rcc .container-section-content-our-services{cursor: pointer;}.main-website-rcc .wrapper-section-about-3.wrapper-section-about-our-successful-projects div.owl-carousel div:hover a.unit-1.overlay::before{position: absolute; width: 100%; height: 100%; left: 0px; bottom: 0px; background: linear-gradient(180deg, #FFFFFF 0%, #000000 100%); mix-blend-mode: overlay; z-index: 1; content: ''; backdrop-filter: brightness(0.5);}.main-website-rcc .wrapper-section-about-3.wrapper-section-about-our-successful-projects div.owl-carousel div:hover img{filter: none;}.main-website-rcc .wrapper-section-about-3.wrapper-section-about-our-successful-projects div.owl-carousel div a img{filter: grayscale(100%);}.owl-carousel-teams{display: flex;}.main-website-rcc #wrap{margin-top: 120px;}.animation_main_div{position: absolute; display: block; width: 200px; left: 40%; top: -50px;}.animation_main_div .circle, .rcc-video-play, .rcc-animated-circle{width: 90px; height: 90px; border-radius: 50%; background: #469ea4; position: absolute; -webkit-animation-timing-function: ease-out; -webkit-animation: scaler 2s infinite; -webkit-animation-timing-function: ease-out; animation: scaler 2s infinite; animation-timing-function: ease-out;}.rcc-animated-circle{width: 25px; height: 25px;}.tech-circle-small-animation-gray .rcc-animated-circle{background: #848484}@-webkit-keyframes scaler{0%{-webkit-transform: scale(1); opacity: 0.50;}33%{-webkit-transform: scale(1.4); opacity: 0.20;}67%{-webkit-transform: scale(1.5); opacity: 0.10;}100%{-webkit-transform: scale(1.7); opacity: 0;}}@-moz-keyframes scaler{0%{-webkit-transform: scale(1);}33%{-webkit-transform: scale(1.4); opacity: 0.20;}67%{-webkit-transform: scale(1.5); opacity: 0.10;}100%{-webkit-transform: scale(1.7); opacity: 0;}}@keyframes scaler{0%{-webkit-transform: scale(1);}33%{-webkit-transform: scale(1.4); opacity: 0.20;}67%{-webkit-transform: scale(1.5); opacity: 0.10;}100%{-webkit-transform: scale(1.7); opacity: 0;}}.animation_main_div .logo-div-send{position: absolute; background-color: #469ea4; background-image: url('/website_rcc/static/images/animation-play.png'); width: 95px; height: 95px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-position: center; background-repeat: no-repeat; font-size: 46px;}.main-website-rcc .section-about-us-2.page-about-use-section-2{background-image: linear-gradient(180deg, #F8F7F9 0%, rgba(255, 255, 255, 0) 100%),url('/website_rcc/static/images/abouts-us-vector-right.png'),url('/website_rcc/static/images/Group78.png'); background-repeat: no-repeat, no-repeat; background-attachment: fixed; background-position: left center, right 10%; background-blend-mode: color-burn;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 div.wrapper-content.wrapper-content-customize-width{width: 70%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-left{background-image: url('/website_rcc/static/images/Group78.png'); background-position: center; background-repeat: no-repeat; width: 340px; height: 700px; position: absolute; bottom: -158%; background-size: contain;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-right{background-image: url('/website_rcc/static/images/abouts-us-vector-right.png'); background-position: center; background-repeat: no-repeat; width: 200px; height: 500px; position: absolute; background-size: contain; right: 0; bottom: -100%;}.main-website-rcc .wrapper-section-about-3 .section-about-3 p.content{font-family: 'AnybodyMeduim'; font-weight: 500; font-size: 14px; line-height: 170%; text-transform: capitalize; color: #565666; margin-bottom: 30px; width: 60%;}.main-website-rcc .login-wrapper{padding-top: 120px;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(40vh); justify-content: center; position: absolute; top: -125px; right : 0;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{box-shadow: -20px -20px #86C9CD; border-radius: 15px;}.box-shadow-top{box-shadow: -10px -10px #d7edee;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-content .path-page.d-flex{flex-wrap: wrap; width: 90%;}.main-website-rcc .no-available-opportunities-position-wrapper.careers-section-5{align-items: center; justify-content: center; display: flex; flex-direction: column;}.row.mr-auto{margin-right: auto !important}.row.ml-auto{margin-left: auto !important}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions button{background: #2B8489 !important;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li{position: relative; margin-bottom: 15px; line-height: 1.5;}.light-bg-technology-section{background: #FBFBFC; margin-bottom:100px;}.main-website-rcc .container-wrapper-cloud-layers .wrapper-cloud-layers .wrapper-cloud-layer-1.box-shadow-right{box-shadow: 10px -10px #d7edee;}.main-website-rcc .container-wrapper-cloud-layers .wrapper-cloud-layers:hover .wrapper-cloud-layer-1.box-shadow-right{box-shadow: 10px -10px #36a5ab;}.main-website-rcc .container-wrapper-cloud-layers .wrapper-cloud-layers:hover .wrapper-cloud-layer-1.box-shadow-left{box-shadow: -10px 10px #36a5ab;}.light-bg-technology-section .row .col-lg-4:hover .icon-wrapper{background: #206367; color: #fff;}.light-bg-project-section{background: #FBFBFC; border-radius: 8px; border: 1px solid #FBFBFC; padding-top: 25px; margin-bottom: 15px;}.site-section.wrapper-section-project .wrapper-project-details{border-radius: 15px;}.site-section.site-section-2-our-services.our-services-container{margin-top: 60px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes:hover .square{box-shadow: 10px 10px #36a5ab;}.bg-light.wrapper-background-section .site-section.wrapper-section-about-3 .owl-carousel.owl-carousel-teams a.unit-1.text-center.overlay::after{position: absolute; content: ""; left: 0; bottom: 0; right: 0; top: 0; background: rgba(0, 0, 0, 0.4); background: linear-gradient(180deg, #FFFFFF 0%, #000000 100%); mix-blend-mode: overlay; background-blend-mode: overlay; background: linear-gradient(180deg, #FFFFFF 0%, #000000 100%);}.bg-light.wrapper-background-section .site-section.wrapper-section-about-3 .owl-carousel.owl-carousel-teams a.unit-1.text-center.overlay .img-overlay{filter: grayscale(1);}.bg-light.wrapper-background-section .site-section.wrapper-section-about-3 .owl-carousel.owl-carousel-teams a.unit-1.text-center.overlay:hover .img-overlay{filter: brightness(0.5);}.bg-light.wrapper-background-section .site-section.wrapper-section-about-3 .owl-carousel.owl-carousel-teams a.unit-1.text-center.overlay:hover{margin-top: -25px;}.rcc-wrapper-thanks-container .icon-right{width: 85px; height: 85px; background-size: cover; background-position: center; background-repeat: no-repeat; background-image:url('/website_rcc/static/images/icon-right.png'); margin-bottom: 20px; margin-top: 25px;}.rcc-wrapper-thanks-container h3{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 44px; line-height: 140%; color: #FFFFFF;}.rcc-wrapper-thanks-container p{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 16px; line-height: 140%; text-transform: capitalize; color: #FFFFFF;}.rcc-wrapper-thanks-container{display: none;}#rcc-all-projects-section .wrapper-project-item:not(:nth-child(-n+4)){display: none;}.wrapper-load-more{display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 25px 0;}.wrapper-load-more #rcc-more-button{width: 70px; height: 70px; left: 929px; top: 2464px; background: #36A5AB; border-radius: 128px; border: none; font-size: 14px; line-height: 16px; text-align: center; color: #FFFFFF; margin-bottom: 5px; font-family: 'AnybodyMeduim';}.wrapper-load-more i{color: #292A45;}.wrapper-load-more #rcc-more-button:focus{outline: none;}.wrapper-load-more .rcc-video-play{width: 70px; height: 70px; z-index: -1;}#modal-play-video-1 .modal-content, #modal-play-video-2 .modal-content{background: none; border: none;}.play-single-small{width: 50px; height: 50px; display: inline-block; border: 2px solid #5eb7bc; background: #5eb7bc; color: #fff !important; border-radius: 50%; position: relative; margin: 0 15px !important; z-index: 1;}#rcc-video-1 .rcc-video-play, .play-single-small .rcc-video-play{width: 50px; height: 50px; z-index: -1;}#rcc-video-1 .fa-play, #rcc-video-2 .fa-play, .play-single-small .fa-play{text-align: center; width: auto; align-self: center;}#rcc-video-1 .fa-play::before, .play-single-small .fa-play::before{margin-top: 30%;}#rcc-video-2 .fa-play::before{height: auto; width: auto; font-size: 40px;}.play-single-big .wrapper-play-video, .play-single-small .wrapper-play-video{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}.site-section.section-technologies-brief{padding-right: 40px; padding-left: 40px; display: flex; justify-content: center; flex-direction: column;}.site-section.section-technologies-brief .wrapper-site-section{height: 600px; max-height: 600px; margin: 0 auto; text-align: center;}.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-1 .wrapper-vector-tech-1{height: 520px; width: 90px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-3 .wrapper-vector-tech-3{margin: 0 50px; height: 420px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4{display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section{justify-content: space-between; align-items: baseline;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .img-1{width: 120px; height: 64px; max-height: 232px; display: flex;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .img-2{}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .img-3{}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .img-4{width: 130px; margin-top: 35px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-5 .img-1{margin: 0 50px; height: 420px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-7 .img-1{height: 420px;}.wrapper-site-technologies-section-mobile{display: none}.site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-2, .site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-6{justify-content: space-evenly;}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-image: url('/website_rcc/static/images/right-vector-head-section-1.png'), url('/website_rcc/static/images/R.png'); background-repeat: no-repeat; background-position: right center, left top;}.main-website-rcc .head-site-section .slider-image{background-image: url('/website_rcc/static/images/left-head-site-section-1.png'), url('/website_rcc/static/images/left-head-site-section-2.png'); background-repeat: no-repeat; background-position: right top, left bottom;}.careers-sections-3{padding: 0 115px;}html, body, #wrapwrap{overflow: initial}.rcc-wrapper-breadcrumb + #o_wblog_blog_top{display: none}.rcc-wrapper-breadcrumb + #o_wblog_blog_top + #o_wblog_index_content .container.py-4{max-width: initial !important; padding: 0px !important;}.rcc-wrapper-breadcrumb + #o_wblog_blog_top + #o_wblog_index_content .container.py-4 #o_wblog_posts_loop_container{padding-left: 0; padding-right:0;}.rcc-wrapper-breadcrumb + #o_wblog_blog_top + #o_wblog_index_content .container.py-4 #o_wblog_posts_loop_container #o_wblog_posts_loop{width: 100%;}.site-footer .site-footer-wrapper-links a .wrapper-social-icon{background: #000; color: #fff; border-radius: 50%; width: 30px; display: flex; justify-content: center; height: 30px; align-items: center; margin-right: 5px; margin-left: 5px; font-size: 18px;}.owl-carousel-teams .unit-1-heading2 a.unit-1.text-center.overlay::before, .owl-carousel-teams .unit-1-heading2 a.unit-1.text-center.overlay::after{background: none !important; position: static !important}.owl-carousel-teams .unit-1-heading2 a.unit-1.text-center.overlay *, .owl-carousel-teams .unit-1-heading2 .rcc-target-blank{font-family: 'AnybodySemiBold'; font-weight: 600; font-size: 18px; line-height: 140%; text-transform: capitalize; color: #FFFFFF; width: 50%; margin: 0 auto; text-align: left; width: 70%; display: block;}.owl-carousel-teams .unit-1-heading2 .rcc-target-blank{display: flex; align-items: baseline;}.owl-carousel-teams .unit-1-heading2 .rcc-target-blank i{margin-left: 0.5rem; margin-right: 0.5rem;}.bg-light.wrapper-background-section .site-section.wrapper-section-about-3 .owl-carousel.owl-carousel-teams a.unit-1.text-center.overlay:hover + div.unit-1-text2 h3.unit-1-heading2{bottom: 110px; visibility: visible; opacity: 1;}.bg-light.wrapper-background-section .site-section.wrapper-section-about-3 .owl-carousel.owl-carousel-teams a.unit-1.text-center.overlay + div.unit-1-text2 h3.unit-1-heading2{position: relative; bottom: 0px; color: #fff; visibility: hidden; width: 100%; margin: 0 auto; opacity: 0;}.site-footer-main-info .label-value.mt-4{color: #6C6B80; font-family: 'AnybodyMeduim';}.desktop-wrapper-technologies .circle-1{margin: 0 auto; min-height: 480px; margin-right: 96px;}.desktop-wrapper-technologies .circle-2{max-height: calc(40vh); align-self: center;}.desktop-wrapper-technologies .circle-1, .desktop-wrapper-technologies .circle-2{background-image: url('/website_rcc/static/images/vector-tech-1.png'), url('/website_rcc/static/images/vector-tech-5.png'); background-position: left,right; background-repeat: no-repeat;}.desktop-wrapper-technologies .circle-3{background-image: url('/website_rcc/static/images/vector-tech-3.png'); background-repeat: no-repeat; background-position: bottom; padding: 0 40px; background-attachment: fixed; background-size: contain; padding-bottom: 100px;}.wrapper-left-img-technologies{display: flex; flex-direction: column; justify-content: space-between; margin: 20px 0; min-width: 185px;}.rcc-img-technology{max-height: 50px; min-width: 50px; height: auto;}.rcc-sidebar{display: block; z-index: 2147483647; position: fixed; background: rgb(255, 255, 255); width: 100%;}.rcc-icon-close-menu{z-index: 99999999999999; position: relative; float: right; margin: 30px 20px 0 20px; font-size: 20px; color: #565666; border: 1px solid #565666; padding: 11px; display: flex; justify-content: center; align-items: center; border-radius: 4px;}.rcc-sidebar .site-navigation{margin: 75px 0 20px;}.rcc-sidebar .site-navigation ul.site-menu{list-style-type: none; padding-inline-start: 20px;}.rcc-sidebar .site-navigation ul.site-menu li .nav-link{color: #16151A; text-decoration: none !important; font-family: 'AnybodyMeduim';}.site-section.section-about-us-1#section-about .section-about-us-1-wrapper .btn-read-more, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions .btn-read-more{background: #2B8489 !important;}.main-website-rcc .rcc-board-member-section .member-img{margin-top: 45px; margin-bottom: 45px;}.main-website-rcc .rcc-board-member-section .member-img img{width: 214px; height: 206px; filter: drop-shadow(0px 4px 4px rgba(196, 196, 196, 0.96)); border-radius: 21px; align-self: center; background-color: red;}.main-website-rcc .rcc-board-member-section .card-title.member-name{font-family: 'AnybodySemiBold'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 120%; text-transform: capitalize; font-feature-settings: 'pnum' on, 'lnum' on; color: #565666;}.main-website-rcc .rcc-board-member-section .card-title.member-job-title{font-family: 'Anybody'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 140%; text-transform: capitalize; color: #6C6B80;}.main-website-rcc .rcc-board-member-section .card-body p{font-family: 'Anybody'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 180%; color: #6C6B80; text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);}.main-website-rcc .rcc-board-member-section .card-rcc-member{background: #FBFBFC; border-radius: 15px; border-color: transparent}.wrapper-content-rcc-board-member .page-name{font-family: 'Anybody'; font-style: normal; font-weight: 700; font-size: 44px; line-height: 140%; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666; margin-bottom: 65px; text-align: center;}.mission-image{box-shadow: -14px 22px #d7edee; border-radius: 15px;}.vision-image{box-shadow: 21px 22px #d7edee; border-radius: 15px;}.slider-erp{padding-left: 28px;}.icon-wrapper-contact{width: 64px; height: 64px; background: #D7EDEE; border-radius: 15px; display: flex; align-items: center; justify-content: center; flex-direction: row; position: relative; top: 10px; left : 104px;}.icon-wrapper-contact:hover{background-color : #206367; color: #fff}.icon-wrapper-contact:hover i{}.product-image-background{background-image: url('/website_rcc/static/images/Vector.png'); background-repeat: no-repeat; background-position: left 32%; background-size: auto 87%; min-height: calc(50vh); max-height: fit-content;}

/* /website_rcc/static/css/responsive.css defined in bundle 'web.assets_frontend' */
 @media screen and (min-width : 320px){.comming-soon-site-section>.wrapper-comming-soon-content{height: 520px; justify-content: center; align-items: center;}#rcc-map{height: 650px !important; max-height: 650px !important;}.contact-us-wrapper-content-map-bg{height: 650px; max-height: 650px; overflow: hidden;}.contact-us-wrapper-content-map{padding-top: 50px; padding-bottom: 50px;}.map-wrapper-section.wrapper-section-contact-us{min-height: auto; max-height: min-content; height: auto}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map.bg-primary-rcc, main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div.wrapper-section-contact-us-content{min-height: auto; max-height: fit-content; height: auto;}body > main > div.rcc-wrapper-breadcrumb > div > div:nth-child(2){margin-top: 85px;}body > main > div.rcc-wrapper-breadcrumb > div > div > div.bread-crumb-img{display: flex; align-self: center; justify-content: center; align-items: center; flex-wrap: wrap;}body > main > div.rcc-wrapper-breadcrumb > div > div > div.bread-crumb-img > div.bread-crumb-img-layer-2{position: relative; top: 0; right: 26px; margin: 0 auto; display: flex; align-self: center; justify-content: center; align-items: center; width: 75vw;}div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{position: absolute; top: 30px; right: 0; width: 75vw; left: 130px; background-size: 100% 100% !important; background-position: center !important;}.vectors-right-breadcrumb, .vectors-left-breadcrumb{display: none;}.rcc-wrapper-breadcrumb-content{margin: 100px 0; top: 0; left: 0; padding: 0 40px;}div.wrapper-section-contact-us-content .row div.vh-100{height: auto; max-height: fit-content; padding: 50px 40px;}}@media screen and (min-width: 768px){#rcc-map{height: 650px !important; max-height: 650px !important;}.contact-us-wrapper-content-map-bg{height: 650px; max-height: 650px; overflow: hidden;}.contact-us-wrapper-content-map{padding-top: 50px; padding-bottom: 50px;}.map-wrapper-section.wrapper-section-contact-us{min-height: auto; max-height: min-content; height: auto}.contact-us-info .contact-us-info-content{margin: 0 auto; display: block; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin-top: 40px; padding-bottom: 35px;}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map.bg-primary-rcc, main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div.wrapper-section-contact-us-content{min-height: auto; max-height: fit-content; height: auto;}body > main > div.rcc-wrapper-breadcrumb > div > div:nth-child(2){margin-top: 85px;}body > main > div.rcc-wrapper-breadcrumb > div > div > div.bread-crumb-img{display: flex; align-self: center; justify-content: center; align-items: center; flex-wrap: wrap;}body > main > div.rcc-wrapper-breadcrumb > div > div > div.bread-crumb-img > div.bread-crumb-img-layer-2{position: relative; top: 0; right: 26px; margin: 0 auto; display: flex; align-self: center; justify-content: center; align-items: center; width: 75vw;}div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{position: absolute; top: 30px; right: 0; width: 75vw; left: 130px; background-size: 100% 100% !important; background-position: center !important;}.vectors-right-breadcrumb, .vectors-left-breadcrumb{display: none;}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div.wrapper-section-contact-us-content{padding: 50px 40px;}}@media screen and (min-width : 820px){.comming-soon-site-section>.wrapper-comming-soon-content{height: 800px;}#rcc-map{position: static; overflow: hidden; height: 650px !important; max-height: 650px !important;}.contact-us-wrapper-content-map-bg{height: 650px; max-height: 650px; overflow: hidden;}.contact-us-wrapper-content-map{order: 2; padding-top: 50px; padding-bottom: 50px;}.map-wrapper-section.wrapper-section-contact-us{min-height: auto; max-height: min-content; height: auto}.contact-us-info .contact-us-info-content{margin: 0 auto; display: block; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin-top: 40px; padding-bottom: 35px;}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map.bg-primary-rcc, main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div.wrapper-section-contact-us-content{min-height: auto; max-height: fit-content; height: auto;}}@media screen and (min-width: 992px){#rcc-map{height: 675px !important; max-height: 675px!important;}.contact-us-wrapper-content-map-bg{height: 675px; max-height: 675px; overflow: hidden;}.contact-us-wrapper-content-map{padding-top: 0px; padding-bottom: 0px; order: initial;}.map-wrapper-section.wrapper-section-contact-us{min-height: 675px; max-height: min-content; height: auto}.contact-us-info .contact-us-info-content{margin: 0 auto; display: block; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin-top: 40px; padding-bottom: 35px;}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map.bg-primary-rcc, main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div.wrapper-section-contact-us-content{min-height: 675px; max-height: fit-content; height: 675px;}body > main > div.rcc-wrapper-breadcrumb > div > div:nth-child(2){margin-top: 85px;}body > main > div.rcc-wrapper-breadcrumb > div > div > div.bread-crumb-img{display: flex; align-self: center; justify-content: center; align-items: center; flex-wrap: wrap;}.vectors-right-breadcrumb, .vectors-left-breadcrumb{display: block;}.rcc-wrapper-breadcrumb-content{padding: 0; margin: 0 auto; width: fit-content; position: relative; left: 32%; top: -120px; order: inherit;}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div.wrapper-section-contact-us-content{padding: 50px 40px;}main.main-website-rcc > div.map-wrapper-section > div.contact-us-wrapper-content-map div.paragraph3{width: 100% !important; font-size: 14px;}main.main-website-rcc > div.map-wrapper-section > div.contact-us-wrapper-content-map > div > div > div.paragraph1, main.main-website-rcc > div.map-wrapper-section > div.contact-us-wrapper-content-map > div > div > div.paragraph2{font-size: 26px;}.wrapper-section-contact-us .vector-footer .vector-footer-slope-green{top: 165px; display: block;}.wrapper-section-contact-us .vector-footer .vector-footer-c-green{left: -115px; top: 53px; height: 390px; width: 390px; display: block;}.bread-crumb-img-layer-2{background: #86C9CD; right: 100px !important; top: 110px !important;}.bread-crumb-img-layer-2, .bread-crumb-img-layer-1{width: 250px !important; height: 250px; border-radius: 15px; background-size: cover !important; background-position: center !important; position: absolute;}.bread-crumb-img-layer-1.contact-us{top: 125px !important; z-index: 2; left: 147px;}.order-lg-inherit{order: inherit !important}.vectors-right-breadcrumb .vector-right-small{width: 104px; height: 109px; right: 293px; top: 205px;}.vectors-right-breadcrumb .vector-right-big{width: 245px; height: 245px; right: 232px; top: 133px;}.vectors-left-breadcrumb .vector-left-big{width: 385px; height: 385px; top: -155px; left: -107px;}.vectors-left-breadcrumb .vector-left-small{width: 200px; height: 200px; top: -40px; left: -60px;}.modal.modal-apply-job-rcc .modal-dialog{max-width: 75%;}}@media screen and (min-width: 1024px){.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{top: 125px !important; z-index: 2; left: 45px;}}@media screen and (min-width: 1439px){.bread-crumb-img-layer-2, .bread-crumb-img-layer-1{width: 415px !important; height: 415px; border-radius: 15px; background-size: cover !important; background-position: center !important; position: absolute;}.rcc-wrapper-breadcrumb-content{order: inherit; margin: 0 auto; width: 82%; position: relative; left: 30%; top: -35px;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{top: -110px !important}.bread-crumb-img-layer-2{background: #86C9CD; right: 125px !important; top: 40px !important;}.vectors-right-breadcrumb .vector-right-big{width: 392px; height: 396px; right: 95px !important; top: 76px;}.vectors-right-breadcrumb .vector-right-small{width: 195px; height: 195px; right: 200px !important; top: 185px;}.contact-us-info .contact-us-info-content{margin: 0; display: block; display: block; flex-direction: column; width: auto; justify-content: center; align-items: center; padding-bottom: 35px; max-width: 80%;}}@media screen and (max-width : 1199px){.contact-us-wrapper-content-map{padding-top: 0px; padding-bottom: 0px;}.comming-soon-site-section>.wrapper-comming-soon-content{align-items: end !important}.wrapper-comming-soon-content .wrapper-comming-soon-content-1{order: 2;}.vector-footer *, .vector-coming-soon *{display: none;}#site-navbar > div > div:nth-child(3){display:none;}.wrapper-logo-content h2{color: #565666 !important;}.wrapper-logo-content h4{color: #A7A6B3 !important;}#clockdiv .days, #clockdiv .hours, #clockdiv .minutes{font-size: 100px; line-height: 100px; font-family: 'Roboto';}.site-footer-main-info div.col-12, .site-footer-main-info .head-label, .site-footer .site-footer-wrapper-links a, .comming-soon-site-section > .wrapper-comming-soon-content div.col-12, .site-footer .site-footer-wrapper-company-info .label-value, .site-footer-wrapper-company-info .col-12.wrapper .col-md-6, .site-footer .site-footer-wrapper-company-info .label-value, .site-footer .site-footer-wrapper-company-info .label-name{text-align: center !important; justify-content: center !important; align-items: center !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; flex: 0 0 100%; max-width: 100%;}.site-footer-main-info .label-value{width : 65% !important; max-width: 65%; text-align: center; margin-left: auto !important; margin-right: auto !important;}.vertical-line{border-left: 0px !important}.site-footer-wrapper-company-info .col-12.wrapper, .site-footer-wrapper-company-info .col-12.wrapper .col-md-6, .site-footer .site-footer-wrapper-company-info .label-name{width: 100% !important; flex: 0 0 100%; max-width: 100%;}.section-email-info{border-bottom: 1px solid #E2E1E6}}@media screen and (min-width : 1200px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: 882px;}#site-navbar > div > div:nth-child(3){display:block; padding-right: 25px;}.site-navbar .site-navigation .site-menu a{font-size: 11px;}.wrapper-comming-soon-content .paragraph1, .wrapper-comming-soon-content .paragraph2, .wrapper-comming-soon-content .paragraph3, .wrapper-footer-head-section{padding-left: 80px;}.vector-coming-soon.vector-center .vector-small{left: 12%;}.vector-coming-soon.vector-center .vector-big{left: -5%;}.vector-footer .vector-footer-slope{bottom: -615px;}.vector-footer .vector-footer-c{bottom: -445px;}}@media screen and (min-width: 1475px){.bread-crumb-img-layer-2{background: #86C9CD; right: 33% !important; top: 38px !important;}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map.bg-primary-rcc, main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map > div > div.wrapper-section-contact-us-content{min-height: 675px; max-height: fit-content; height: 675px;}#rcc-map{height: 675px!important; max-height: 675px!important;}.contact-us-wrapper-content-map-bg{height: 675px; max-height: 675px; overflow: hidden;}.contact-us-wrapper-content-bg{height: 1064px; max-height: 1064px; overflow: hidden;}main.main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-bg-content.bg-primary-rcc{min-height: 1064; height: 1064px; max-height: fit-content;}.rcc-wrapper-breadcrumb-content{left: 32%;}}@media screen and (min-width: 1515px){.bread-crumb-img-layer-2{background: #86C9CD; right: 35% !important; top: 38px !important;}.rcc-wrapper-breadcrumb-content{left: 27%;}}@media screen and (min-width: 1550px){.bread-crumb-img-layer-2{background: #86C9CD; right: 40% !important; top: 38px !important;}.vectors-right-breadcrumb .vector-right-small{width: 195px; height: 195px; right: 235px; top: 185px;}.vectors-right-breadcrumb .vector-right-big{width: 392px; height: 396px; right: 120px; top: 76px;}.rcc-wrapper-breadcrumb-content{left: 24%;}}@media screen and (min-width: 1600px){.bread-crumb-img-layer-2{right: 42% !important;}.vectors-right-breadcrumb .vector-right-small{right: 260px !important; top: 185px;}.vectors-right-breadcrumb .vector-right-big{right: 145px !important; top: 76px;}.rcc-wrapper-breadcrumb-content{left: 22%;}main.main-website-rcc > div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-size: 30px;}main.main-website-rcc > div.map-wrapper-section > div.contact-us-wrapper-content-map div.paragraph3{font-size: 14px !important;}}@media screen and (min-width: 1650px){.bread-crumb-img-layer-2{right: 44% !important;}.vectors-right-breadcrumb .vector-right-small{right: 280px !important;}.vectors-right-breadcrumb .vector-right-big{right: 165px !important;}.rcc-wrapper-breadcrumb-content{left: 20%;}}@media screen and (min-width: 1700px){.bread-crumb-img-layer-2{right: 46% !important;}.vectors-right-breadcrumb .vector-right-small{right: 310px !important;}.vectors-right-breadcrumb .vector-right-big{right: 195px !important;}.site-navbar .site-navigation .site-menu a{font-size: 18px !important;}.rcc-wrapper-breadcrumb-content{left: 18%;}}@media screen and (min-width: 1750px){.bread-crumb-img-layer-2{right: 48% !important;}.vectors-right-breadcrumb .vector-right-small{right: 325px !important;}.vectors-right-breadcrumb .vector-right-big{right: 225px !important;}.rcc-wrapper-breadcrumb-content{left: 16%;}}@media screen and (min-width: 1799px){.bread-crumb-img-layer-2{53% !important}.vectors-right-breadcrumb .vector-right-small{right: 365px !important;}.vectors-right-breadcrumb .vector-right-big{right: 250px !important;}.rcc-wrapper-breadcrumb-content{left: 14%;}}@media screen and (min-width : 1400px){.site-navbar .site-navigation .site-menu a{font-size: 12px;}.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: 882px;}#site-navbar > div > div:nth-child(3){display:block; padding-right: 25px;}.vector-footer .vector-footer-c{bottom: -530px;}.vector-footer .vector-footer-slope{bottom: -650px;}}@media screen and (min-width : 1800px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: 882px;}#site-navbar > div > div:nth-child(3){display:block; padding-right: 25px;}.bread-crumb-img-layer-2{right: 53% !important}.vectors-right-breadcrumb .vector-right-small{right: 385px !important;}.vectors-right-breadcrumb .vector-right-big{right: 280px !important;}.rcc-wrapper-breadcrumb-content{left: 13%;}}@media screen and (min-width : 1850px){.bread-crumb-img-layer-2{right: 55% !important}.vectors-right-breadcrumb .vector-right-small{right: 405px !important;}.vectors-right-breadcrumb .vector-right-big{right: 310px !important;}.rcc-wrapper-breadcrumb-content{left: 12%;}}@media screen and (min-width : 1900px){.bread-crumb-img-layer-2{right: 58% !important}.vectors-right-breadcrumb .vector-right-small{right: 425px !important;}.vectors-right-breadcrumb .vector-right-big{right: 340px !important;}main.main-website-rcc > div.row.d-flex.flex-wrap.align-items-baseline.contact-us-info > div.col-lg-4{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.rcc-wrapper-breadcrumb-content{left: 10%;}}@media screen and (min-width : 1940px){.bread-crumb-img-layer-2{right: 60% !important}.vectors-right-breadcrumb .vector-right-small{right: 435px !important;}.vectors-right-breadcrumb .vector-right-big{right: 320px !important;}.rcc-wrapper-breadcrumb-content{left: 9%;}}@media screen and (min-width : 1970px){.bread-crumb-img-layer-2{right: 62% !important}.vectors-right-breadcrumb .vector-right-small{right: 450px !important;}.vectors-right-breadcrumb .vector-right-big{right: 340px !important;}.rcc-wrapper-breadcrumb-content{left: 8%;}}@media screen and (min-width : 2000px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 455px !important;}.vectors-right-breadcrumb .vector-right-big{right: 340px !important}.rcc-wrapper-breadcrumb-content{left: 8%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 6% !important;}}@media screen and (min-width : 2050px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 455px !important;}.vectors-right-breadcrumb .vector-right-big{right: 340px !important}.rcc-wrapper-breadcrumb-content{left: 6%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 7% !important; top: 60px !important;}}@media screen and (min-width : 2100px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 480px !important;}.vectors-right-breadcrumb .vector-right-big{right: 365px !important}.rcc-wrapper-breadcrumb-content{left: 4%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 8% !important;}}@media screen and (min-width : 2150px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 495px !important;}.vectors-right-breadcrumb .vector-right-big{right: 380px !important}.rcc-wrapper-breadcrumb-content{left: 2%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 9% !important;}}@media screen and (min-width : 2220px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 520px !important;}.vectors-right-breadcrumb .vector-right-big{right: 420px !important}.rcc-wrapper-breadcrumb-content{left: 1%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 10% !important;}}@media screen and (min-width : 2300px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 550px !important;}.vectors-right-breadcrumb .vector-right-big{right: 450px !important}.rcc-wrapper-breadcrumb-content{left: 0%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 12% !important;}}@media screen and (min-width : 2370px){.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 13% !important;}.rcc-wrapper-breadcrumb-content{left: -2%;}}@media screen and (min-width : 2400px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 570px !important;}.vectors-right-breadcrumb .vector-right-big{right: 470px !important}.rcc-wrapper-breadcrumb-content{left: -2%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 14% !important;}}@media screen and (min-width : 2500px){.bread-crumb-img-layer-2{right: 0% !important left: -10%;}.vectors-right-breadcrumb .vector-right-small{right: 570px !important;}.vectors-right-breadcrumb .vector-right-big{right: 470px !important}.rcc-wrapper-breadcrumb-content{left: -5%;}.bread-crumb-img-layer-1.contact-us, div.rcc-wrapper-breadcrumb > div > div> div > div.bread-crumb-img-layer-1.contact-us{left: 16% !important;}}@media screen and (min-width: 320px) and (max-width: 991px){.lg-height-vh{height: 500px;}.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{font-size: 24px; width: 327px;}.main-website-rcc div.technologies-section2 div.col-lg-5.col-md-12.col-sm-12{-webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 100%; padding: 0 44px; max-width: 100%;}.technologies-section-3 .wrapper-cloud-layer-2.top{left: 0px; top: 30px;}.technologies-section-3 .wrapper-cloud-layer-2.bottom{left: 50px; top: 30px;}.technologies-section-5 .row div.col-lg-6:nth-child(1){justify-content: start !important;}main.main-website-rcc > div.technologies-section-5 div.wrapper{width: 80%; margin-bottom: 50px;}.technologies-section-5 .row div.col-lg-6:nth-child(2) .row{margin: 0 auto;}.rcc_website_images_section .rcc-website-images-section-6{width: 100%; height: 250px;}.careers-sections-3 .wrapper-section-image-3{display: flex; justify-content: center; align-items: end;}#modal-apply-job-rcc > div > div > div > div > div.col-lg-6.col-md-12.col-12.align-items-center.justify-content-center.d-flex{order: 2;}.modal.modal-apply-job-rcc .modal-dialog{max-width: 90%}.available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content h2, .available-opportunities-position-wrapper .modal-apply-job-rcc .modal-content .wrapper-content h3{font-size: 32px;}.rcc_website_images_section .rcc-website-images-section-5{width: 361.59px; height: 244.42px;}.section-about-us-2 .wrapper-col-grid{width: 100%; max-width: 100%; flex: auto;}.section-about-us-2 .wrapper-col-grid.order-2{order: inherit !important;}.wrapper-shapes .circle.right{left: 60%; top: -5%;}.wrapper-shapes .circle.left{left: 31%; top: -5%;}.order-md-custom-2{order: 2;}}.main-website-rcc .rcc-wrapper-breadcrumb .bread-crumb-img, .main-website-rcc .vectors-right-breadcrumb, .vector-footer{}

/* /website_rcc/static/css/new-responsive.css defined in bundle 'web.assets_frontend' */
@media only screen and (min-width:320px){.rcc-wrapper-breadcrumb .order-xs-2, .rcc-wrapper-breadcrumb .order-sm-2, .section-about-us-2.page-about-use-section-2 .order-sm-2, .section-about-us-2.page-about-use-section-2 .order-xs-2, .main-website-rcc > div.map-wrapper-section.wrapper-section-contact-us > div.contact-us-wrapper-content-map.bg-primary-rcc.order-sm-2, .main-website-rcc div.rcc-wrapper-breadcrumb div.col-lg-6.col-md-12.col-12.order-md-2.order-lg-inherit{order: 2;}.section-about-us-2.page-about-use-section-2 .order-xs-5, .section-about-us-2.page-about-use-section-2 .order-sm-5{order: 2}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(30vh); position: relative; top: 60px;}.rcc-wrapper-breadcrumb-content{margin: 100px 0 50px; top: 0; left: 0; padding: 0 15px; width: auto;}.main-website-rcc .contact-us-info, .main-website-rcc div.be-in-toutch-wrapper{padding: 0 15px 50px !important; margin-top: 0;}main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-size: 20px}.main-website-rcc .map-wrapper-section.wrapper-section-contact-us .contact-us-wrapper-content-bg.contact-us-wrapper-content-map-bg.d-sm-none, .new-bread-crumb-vectors.d-md-none.d-sm-none.d-xs-none{display: none;}.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{font-size: 18px; width: 95%;}.animation_main_div .circle, .animation_main_div .logo-div-send{width: 80px; height: 80px;}main.main-website-rcc .be-in-toutch-wrapper div.be-in-toutch-wrapper-title, .section-about-us-2 .wrapper-content .head-title, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .head-title, .wrapper-section-our-service .service-name, .main-website-rcc .technologies-section2 div.head-title, .technologies-section-3 .wrapper-cloud-layer-1 .title, main.main-website-rcc > div.technologies-section-4 > div.be-in-toutch-wrapper-title, main.main-website-rcc .technologies-section-5 div.head-title{font-size: 19px;}.site-footer-main-info .head-label{font-size: 18px;}div.section-about-us-2 div.wrapper-content div.title, .site-footer-main-info .label, .sction-header .section-title, .site-footer .site-footer-wrapper-company-info .label-value, .main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .site-section.wrapper-section-project .wrapper-project-details .project-image-content, .main-website-rcc div.contact-us-info > div > div > div.contact-us-info-content> div.title-content, .main-website-rcc .contact-us-info div.contact-us-info-content > div.title, .section-number, .main-website-rcc .site-section.section-about-us-1 div.sction-header div.section-name{font-size: 16px;}.site-footer .site-footer-wrapper-company-info .label-name, .site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title, .technologies-section-3 .wrapper-cloud-layer-1 .head-title span{font-size: 14px;}.main-website-rcc .be-in-toutch-wrapper > div.be-in-toutch-wrapper-content, .sction-header .wrapper-content .section-title, .section-about-us-2 .wrapper-content p, .main-website-rcc .wrapper-section-about-3 .section-about-3 p.content, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service .services-details-content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service a, .our-services-details-container .service-body .paragraph-1, .our-services-details-container .service-body .paragraph-3, .our-services-details-container .service-body .paragraph-4, .site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title-content, .our-services-details-container .service-body .paragraph-2, .site-section.wrapper-section-project-details .story-body .paragraph-1, .site-section.wrapper-section-project-details .story-body .paragraph-4, .site-section.wrapper-section-project-details .story-body .paragraph-2, .site-section.wrapper-section-project-details .story-body .paragraph-3, .site-section.wrapper-section-project-details .story-body .paragraph-5, .site-section.wrapper-section-project-details .story-body .paragraph-6, .site-section.wrapper-section-project-details .story-body .paragraph-7, .site-section.wrapper-section-project-details .story-body .paragraph-8, .main-website-rcc div.technologies-section2 .technologies-section2-content, .technologies-section-3 .wrapper-cloud-layer-1 .content, .main-website-rcc .technologies-section-5 div.content{font-size: 12px !important;}.site-section.site-section-2-our-services-details.our-services-details-container div.service-body div.step-number, .site-section.wrapper-section-project .form-label, .site-section.wrapper-section-project .form-control.border-none{font-size: 13px;}.section-about-us-2 .wrapper-content .head-title{margin-bottom: 15px;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 div.wrapper-content.wrapper-content-customize-width, .main-website-rcc .wrapper-section-about-3 .section-about-3 p.content, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service .services-details-content, .site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title, .site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title-content, .main-website-rcc .contact-us-info div.contact-us-info-content > div.title, main.main-website-rcc div.contact-us-info > div > div > div.contact-us-info-content> div.title-content, main.main-website-rcc div.contact-us-info > div > div > div.contact-us-info-content> a.title-content{width: 100%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-right{width: 100px; height: 400px; bottom: -128%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-left{width: 215px; height: 500px; bottom: -370%; z-index: -1;}.wrapper-shapes .square{width: 90%; margin: 0 auto;}.wrapper-shapes .circle.right{left: 65%; top: -5%; position: absolute;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 63%; top: -7%; position: absolute;}.wrapper-shapes .circle.left{left: -1%; top: -6%; position: absolute;}.site-footer-main-info .label-value{font-size: 12px;}.site-footer-main-info .label-value, .site-footer-main-info .head-label + .label-value{width: 95% !important; max-width: 95%;}.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{margin-bottom: 1.5rem !important}.animation_main_div{left: 35%;}.page-about-use-section-2.section-about-us-2 .wrapper-shapes{padding-top: 0px !important; margin-top: 0px !important;}.site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service{padding: 0; margin-bottom: 25px; margin-top: 15px;}.technologies-section-5{padding: 0 20px;}main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row{display: flex; flex-direction: column; justify-content: center; align-items: center !important; text-align: center;}main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .step-number, main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .content{flex: 0 0 90%; max-width: 90%;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{max-width: 85%; margin: 0 auto; width: 100%; box-shadow: -11px -11px #86c9cd;}.our-services-details-container{margin: 20px 0 50px 0;}.site-section.site-section-2-our-services-details.our-services-details-container .img-big-service, .site-section.wrapper-section-project-details .img-big-service{height: 295px;}.site-section.wrapper-section-project, .site-section.wrapper-section-project-details{margin-top: 20px;}.site-section.wrapper-section-project-details .head-title{font-size: 14px; margin: 0 auto 30px;}.site-section.wrapper-section-project-details .story-body .paragraph-1{margin: 0 0 25px;}.site-section.wrapper-section-project-details .story-body{margin: 45px 0px 0;}.technologies-section-3 .container-wrapper-cloud-layers{padding: 0;}.main-website-rcc .technologies-section-3{padding: 50px 0px 50px;}.technologies-section-3 .container-wrapper-cloud-layers{flex-wrap: wrap; width: 100%; justify-content: center;}.section-about-us-2 .row, .wrapper-cloud-layers{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.technologies-section-3 .wrapper-cloud-layer-1{width: 100%; min-height: 460px; margin-bottom: 30px;}.main-website-rcc > div.technologies-section-4 > div.be-in-toutch-wrapper-title{margin-top: 10px !important;}.contact-us-info .contact-us-info-content{margin: 0 auto; display: block; display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center; margin-top: 40px; padding-bottom: 35px;}.main-website-rcc .technologies-section-5{margin: 0;}main.main-website-rcc .technologies-section-5 div.head-title{width: 90%;}.main-website-rcc div.technologies-section2 .technologies-section2-content{width: auto;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image{height: 203px !important;}.main-website-rcc .head-site-section .carousel .slider-paragraph2{font-size: 14px; text-align: inherit; width: 90%; margin: 15px auto; text-align-last: center;}.main-website-rcc .head-site-section .carousel .slider-paragraph1{text-align: center;}.main-website-rcc .head-site-section .carousel .slider-paragraph3{display: none;}.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div{display: flex; justify-content: center; margin: 0 auto 110px; flex-direction: column; align-items: center;}.main-website-rcc .head-site-section .carousel .wrapper-cursors-head-site-section{display: none;}.main-website-rcc .head-site-section .carousel .d-mobile{display: flex !important; height: auto; justify-content: center; width: 100%; text-align: center; align-items: end; flex-direction: row; align-content: center;}.main-website-rcc .head-site-section .carousel .d-mobile li{-webkit-flex: inherit; flex: inherit; width: 15px !important; height: 15px; margin-top: 10px; width: 9px !important; margin-bottom: 20px; height: 9px; margin-right: 8px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image img{width: 94%; max-width: 94%; transform: scale(1.2) !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image img{width: 94%; max-width: 94%; transform: scale(1.3) !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image img{width: 39%; max-width: 39%; transform: scale(1) !important; max-height: 230px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image div{left: -7px; right: 0; position: relative; top: -85px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{left: -7px; right: 0; position: relative; top: -60px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: 0; position: relative; top: -45px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile img.order-2{order: 2; top: -25px; position: relative; left: 0; right: 0;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item{min-height: fit-content !important}.main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-content{font-size: 12px !important;}.main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-title{font-size: 18px;}.main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-title, .section-about-us-1 .section-about-us-1-wrapper .section-content{width: 100%}.site-section.section-about-us-1 .section-about-us-1-wrapper button, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions button, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions .btn-read-more{padding: 10px 22px !important; min-width: auto; height: auto; font-size: 12px;}.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div button{padding: 10px 22px !important; min-width: auto; height: auto; font-size: 12px; display: block; width: 60%; margin-bottom: 15px;}.main-website-rcc .head-site-section .slider-image .wrapper-mobile img.order-1{left: 0; margin-top: -35px; position: relative;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 82%; height: 292px; margin: 20px auto;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 75%; height: 292px; margin: 20px auto;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote{width: 90%; padding: 15px 20px; position: absolute; margin: 0 auto; right: 0; left: 0;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote q{font-size: 10px; padding: 10px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile{margin: 0 20px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile .rcc-img-profile{width: 38px; height: 38px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile .rcc-user-name{font-size: 20px; margin: 0 10px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2{padding: 40px 0 0 0;}.main-website-rcc .site-section.section-about-us-2 div.sction-header div.section-name{font-size: 12px;}.main-website-rcc .site-section.section-about-us-2 .sction-header{justify-content: center;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-1{text-align: center; font-size: 20px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-2{text-align: center; font-size: 12px}.main-website-rcc .site-section.section-about-us-2 ul{padding-inline-start: 12px; margin: 0 auto;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li h3{font-size: 18px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li:before{height: 15px; width: 10px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li p{font-size: 12px}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions{margin-bottom: 30px; padding: 0 50px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li .content{padding-left: 15px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape{margin: 20px 0;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape .wrapper-category-1-shapes, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape .wrapper-category-1-shapes .wrapper-shapes{justify-content: center;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .wrapper-shapes .circle{display: flex; top: 0%; left: 4%; width: 50px; height: 50px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes .square{width: 78%; z-index: 2; margin: 0; height: 129px;}.main-website-rcc .wrapper-section-about-us-2 .wrapper-category-1-shapes .square h3, .main-website-rcc .wrapper-section-about-us-2 .wrapper-category-2-shapes .square h3{font-size: 24px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .square h2, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .square h2{font-size: 12px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes{width: 100%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes{padding: 30px 0;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .wrapper-shapes .circle{display: flex; top: 65%; right: 8%; width: 40px; height: 40px; background: #AFDBDD;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services{max-height: max-content; overflow: hidden; padding: 0;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .container-section-content-our-services{margin: 0px !important}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services{overflow-x: auto; width: 100%;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services .flex-column{width: 950%; flex-direction: row !important;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .service-name{font-size: 16px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .service-name div{flex-wrap: wrap;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services a{width: 100%; text-align: inherit; margin: 10px 0; font-size: 12px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .sction-header{display: none !important;}.main-website-rcc .wrapper-section-our-services p.paragraph-1{font-size: 20px; text-align: center;}.main-website-rcc .wrapper-section-our-services p.paragraph-2{font-size: 12px; margin-bottom: 45px !important;}.main-website-rcc site-section.section-partners .sction-header .section-name, .unit-1 .unit-1-text .unit-1-heading{font-size: 12px; width: 80%;}.main-website-rcc .site-section.section-partners .paragraph-1, .site-section.section-partners .paragraph-2{font-size: 16px;}.main-website-rcc .site-section.section-partners .partners-logos-wrapper{overflow-x: auto; display: block;}.main-website-rcc .site-section.section-partners .partners-logos-wrapper .row{width: 230% !important; max-width: 230% !important; margin: 0 !important; flex-wrap: nowrap !important;}.main-website-rcc .bg-light.wrapper-background-section{padding: 20px 20px;}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .wrapper-carousel{width: 100%; overflow-x: auto; padding-bottom: 20px;}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects h2{font-size: 20px; width: 100%;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1, .main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2{height: 200px;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .rcc-wrapper-technologies-section-5-img-2{margin-top: 20px}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .owl-carousel-teams{width: 300%; max-width: 300%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .wrapper-section-our-service{border: none; min-width: 385px; padding: 20px 20px; align-items: baseline;}.main-website-rcc div.row.d-flex.align-items-center.justify-content-center.be-in-toutch-wrapper.careers-section-1{margin-top: 30px;}.site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop{display: none !important;}.site-section.section-technologies-brief{padding-left: 20px; padding-right: 20px;}.site-section.section-technologies-brief .section-technologies-brief-content h3{font-family: 'AnybodyBold'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 140%; text-align: center; text-transform: capitalize; font-feature-settings: 'tnum' on, 'lnum' on; color: #565666;}.site-section.section-technologies-brief .section-technologies-brief-content p{font-size: 12px; text-align: center; font-size: 12px; font-family: 'AnybodyMeduim'; font-weight: 500; line-height: 170%; text-align: center; text-transform: capitalize; margin: 0 auto 20px; color: #565666;}.site-section.section-technologies-brief .section-technologies-brief-content button{margin-bottom: 35px; padding: 10px 22px !important; min-width: auto; height: auto; font-size: 12px; background: #2B8489 !important;}.site-section.section-technologies-brief .section-technologies-brief-content .sction-header{justify-content: center;}.site-section.section-technologies-brief .wrapper-site-technologies-section-mobile{justify-content: space-between; margin-bottom: 40px; margin-top: 15px;}.site-section.section-technologies-brief .wrapper-site-technologies-section-mobile img{width: 60px; max-width: 60px; margin: 0 10px 25px;}.wrapper-section-contact-us-content.contact-us-wrapper-content-bg-content.contact-us-wrapper-content-map{padding-top: 40px; padding-bottom: 40px;}.rcc-wrapper-thanks-container .icon-right{width: 50px; height: 50px;}.rcc-wrapper-thanks-container h3{font-size: 28px;}.rcc-wrapper-thanks-container p{font-size: 10px;}.site-section.section-technologies-brief .section-technologies-brief-content{padding-top: 25px;}.main-website-rcc .map-wrapper-section div.contact-us-wrapper-content-map div.paragraph3{font-size: 16px; font-weight: normal;}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-image: none;}.main-website-rcc .head-site-section .slider-image{background-image: url('/website_rcc/static/images/left-head-site-section-1.png');}.main-website-rcc div.rcc-wrapper-breadcrumb div.col-lg-6.col-md-12.col-12.order-md-2.order-lg-inherit{background-image: url('/website_rcc/static/images/vector-bread-crumb-mobile.png'); background-repeat: no-repeat; background-size: auto; background-position: right bottom;}.main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .main-website-rcc .rcc-wrapper-breadcrumb div.title-page{margin-bottom: 5px;}.contact-us-wrapper-content-map{padding-bottom: 40px;}#rcc-video-1 .rcc-video-play, .play-single-small .rcc-video-play, .play-single-small{width: 35px; height: 35px;}.site-section.section-about-us-1#section-about .section-about-us-1-wrapper{padding-left: 10px; padding-right: 10px;}.rcc-services-steps-scroll{flex-wrap: wrap;}.desktop-wrapper-technologies{display: none;}.site-navbar .site-logo .logo{background-image: url('/website_rcc/static/images/logo-mobile.png'); height: 40px; width: 159px; margin: 0 10px;}}@media only screen and (min-width:375px){.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{width: 84%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-left{bottom: -350%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-right{bottom: -120%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 67%;}.wrapper-shapes .circle.left{left: -2%;}.wrapper-shapes .circle.right{left: 67%; top: -7%;}main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .step-number, main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .content{flex: 0 0 75%; max-width: 75%;}.technologies-section2{margin: 0;}}@media only screen and (min-width: 425px){.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{width: 80%;}}@media only screen and (min-width:700px){.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div button{margin-bottom: 40px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image{height: 280px !important}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image img{transform: scale(.8) !important}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image img{transform: scale(.85) !important}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image img{max-height: 320px;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 65%; height: 435px;}}@media only screen and (min-width:768px){.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div{display: flex; justify-content: center; margin: 0 auto 150px; flex-direction: column; align-items: center;}.site-section.site-section-2-our-services-details.our-services-details-container .img-big-service, .site-section.wrapper-section-project-details .img-big-service{height: 480px;}main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .step-number, main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .content{flex: 0 0 60%; max-width: 60%;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(55vh);}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{width: 73%; box-shadow: -20px -20px #86c9cd}main.main-website-rcc .be-in-toutch-wrapper div.be-in-toutch-wrapper-title, .section-about-us-2 .wrapper-content .head-title{font-size: 24px;}.main-website-rcc .be-in-toutch-wrapper > div.be-in-toutch-wrapper-content, .section-number, .sction-header .wrapper-content .section-title, .sction-header .section-title, .section-about-us-2 .wrapper-content p, .main-website-rcc .wrapper-section-about-3 .section-about-3 p.content, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service .services-details-content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service a, .site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title-content, .our-services-details-container .service-body .paragraph-2, .our-services-details-container .service-body .paragraph-1, .our-services-details-container .service-body .paragraph-3, .our-services-details-container .service-body .paragraph-4, .site-section.wrapper-section-project-details .story-body .paragraph-1, .site-section.wrapper-section-project-details .story-body .paragraph-4, .site-section.wrapper-section-project-details .story-body .paragraph-2, .site-section.wrapper-section-project-details .story-body .paragraph-3, .site-section.wrapper-section-project-details .story-body .paragraph-5, .site-section.wrapper-section-project-details .story-body .paragraph-6, .site-section.wrapper-section-project-details .story-body .paragraph-7, .site-section.wrapper-section-project-details .story-body .paragraph-8, .main-website-rcc div.technologies-section2 .technologies-section2-content, .technologies-section-3 .wrapper-cloud-layer-1 .content{font-size: 13px !important;}main.main-website-rcc .be-in-toutch-wrapper div.be-in-toutch-wrapper-title, .section-about-us-2 .wrapper-content .head-title{font-size: 26px;}.wrapper-shapes .square{width: 45%; margin: 0 auto;}div.section-about-us-2 div.wrapper-content div.title, .site-footer-main-info .label, .site-footer .site-footer-wrapper-company-info .label-value{font-size: 19px;}.main-website-rcc .be-in-toutch-wrapper > div.be-in-toutch-wrapper-content, .section-number, .sction-header .wrapper-content .section-title, .sction-header .section-title, .section-about-us-2 .wrapper-content p, .main-website-rcc .wrapper-section-about-3 .section-about-3 p.content, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service .services-details-content, .main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service a, .site-section.wrapper-section-project .form-label, .site-section.wrapper-section-project .form-control.border-none, .technologies-section-3 .wrapper-cloud-layer-1 .content, .main-website-rcc div.contact-us-info > div > div > div.contact-us-info-content> div.title-content, .main-website-rcc .technologies-section-5 div.content, .main-website-rcc div.technologies-section2 .technologies-section2-content, .technologies-section-3 .wrapper-cloud-layer-1 .content{font-size: 16px !important;}.wrapper-shapes .circle.right{left: 58%; top: -7%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 56% !important;}.wrapper-shapes .circle.left{left: 20%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-right{bottom: -135%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-left{bottom: -355%;}main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-size: 30px;}.site-footer-main-info .head-label, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .head-title, main-website-rcc .technologies-section2 div.head-title{font-size: 20px;}.site-footer-main-info .label-value, .site-footer-main-info .head-label + .label-value{width: 65% !important; max-width: 65%;}.site-footer-main-info .label-value{font-size: 13px;}.site-section.wrapper-section-project-details .head-title{font-size: 17px;}.main-website-rcc div.technologies-section2 .technologies-section2-content, .main-website-rcc .technologies-section-5 div.content{width: 90%;}.main-website-rcc .technologies-section-3{width: 76%;}.main-website-rcc .technologies-section2, .main-website-rcc .main-technologies-section-5{width: 85%; margin: 0 auto;}.main-website-rcc .technologies-section2{margin-top: 20px;}.main-website-rcc div.be-in-toutch-wrapper.technologies-section-4{width: 85%; margin: 0 auto !important;}.rcc-wrapper-breadcrumb-content{width: 83%; margin-left: auto; margin-right: auto;}.main-website-rcc .technologies-section-5{margin-bottom: 40px}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image{height: 335px !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image div{left: -32px; right: 0; position: relative; top: -125px; display: flex; justify-content: center; align-items: center;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image img{width: 65%; max-width: 65%; transform: scale(1.2) !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{left: -25px; right: 0; position: relative; top: -80px; justify-content: center; align-items: center; align-content: center; width: fit-content; margin: 0 auto; display: flex;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image img{width: 70%; max-width: 70%; transform: scale(1.3) !important; margin: 0 auto; max-height: 520px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: 0; position: relative; top: -80px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image img{width: 39%; max-width: 39%; transform: scale(1) !important; max-height: 400px;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 55%; height: 540px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote{width: 60%; padding: 25px 35px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote q{font-size: 15px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile .rcc-img-profile{width: 45px; height: 45px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-section-profile .rcc-user-name{font-size: 24px; margin: 7px 10px 0;}.main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .flex-column.justify-content-lg-center{padding: 65px 50px 0;}.main-website-rcc .site-section.section-about-us-1 div.sction-header div.section-name, .main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-content{font-size: 14px !important; width: 90%;}.main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-title{font-size: 20px;}.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div button, .site-section.section-about-us-1 .section-about-us-1-wrapper button, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions .btn-primary{padding: 10px 25px !important; min-width: auto; height: auto; font-size: 13px;}.main-website-rcc .wrapper-section-about-us-2 .btn-read-more{padding: 10px 25px !important; min-width: auto; height: auto; font-size: 13px;}.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div button{width: 35%;}#rcc-video-1 .rcc-video-play, .play-single-small .rcc-video-play, .play-single-small{width: 45px; height: 45px;}.main-website-rcc .site-section.section-about-us-1 .section-about-us-1-wrapper{margin-bottom: 0px !important;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2{padding: 40px 0 0 0;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape{margin: 20px 0; padding: 40px 40px 0;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape .wrapper-category-1-shapes, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape .wrapper-category-1-shapes .wrapper-shapes{justify-content: end !important; padding: 0 10px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes{padding: 30px 10px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes .square{width: 70%; z-index: 2; margin: 0; height: 160px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .wrapper-shapes .circle{top: 6%; left: 17%; width: 70px; height: 70px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .wrapper-shapes .circle{top: 67%; right: 17%; width: 50px; height: 50px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-1{text-align: center; font-size: 24px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-2{text-align: center; font-size: 14px; width: 70%; margin: 0 auto;}.main-website-rcc .site-section.section-about-us-2 ul{padding-inline-start: 40px; margin: 0 auto; width: 90%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li .content{padding-left: 30px; padding-right: 30px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li h3{font-size: 18px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li p{font-size: 14px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions{display: flex; justify-content: center; margin-top: 30px; margin-bottom: 30px;}.main-website-rcc .wrapper-section-about-us-2 .wrapper-category-1-shapes .square h3, .main-website-rcc .wrapper-section-about-us-2 .wrapper-category-2-shapes .square h3{font-size: 20px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .square h2, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .square h2, .main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services a{font-size: 14px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .service-name, .main-website-rcc .site-section.section-partners .paragraph-1, .site-section.section-partners .paragraph-2{font-size: 18px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .container-section-content-our-services{padding: 20px 20px 20px 0px;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services .flex-column{width: 400%;}.main-website-rcc .wrapper-section-our-services p.paragraph-1{font-size: 20px;}.main-website-rcc .wrapper-section-our-services p.paragraph-2{font-size: 14px; margin-left: auto; margin-right: auto; width: 55%; margin-bottom: 45px !important; text-align: center;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1, .main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2{height: 240px}.main-website-rcc .site-section.section-partners .partners-logos-wrapper .row{width: 115% !important; max-width: 115% !important; margin: 0 !important; flex-wrap: nowrap !important;}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects h2{font-size: 20px; width: 45%;}.main-website-rcc .bg-light.wrapper-background-section{padding: 20px 45px;}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .owl-carousel-teams{width: 110%; max-width: 110%;}.unit-1 .unit-1-text .unit-1-heading{width: 70%;}.main-website-rcc .container-section-content-our-services .wrapper{display: flex; justify-content: center; align-items: center;}.main-website-rcc .wrapper-section-our-services .flex-nowrap.col-10{width: 60% !important; margin: 0 auto; display: flex; justify-content: center; align-self: center; max-width: 60%;}.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{width: 54%;}.site-section.section-technologies-brief .section-technologies-brief-content h3{font-size: 20px;}.site-section.section-technologies-brief .section-technologies-brief-content p{font-size: 14px; max-width: 50%; margin: 0 auto 20px;}.site-section.section-technologies-brief .section-technologies-brief-content button{padding: 10px 30px !important; min-width: auto; height: auto; font-size: 14px;}.rcc-wrapper-thanks-container .icon-right{width: 60px; height: 60px;}.rcc-wrapper-thanks-container h3{font-size: 35px;}.rcc-wrapper-thanks-container p{font-size: 12px;}.main-website-rcc .map-wrapper-section div.contact-us-wrapper-content-map div.paragraph3{width: 90% !important;}.site-section.section-technologies-brief .wrapper-site-technologies-section-mobile{justify-content: space-evenly}}@media only screen and (min-width: 992px){.main-website-rcc div.rcc-wrapper-breadcrumb div.col-lg-6.col-md-12.col-12.order-md-2.order-lg-inherit{background-image: none}}@media only screen and (min-width:1024px){.desktop-wrapper-technologies{display: block;}.site-section.wrapper-section-project, .site-section.wrapper-section-project-details{margin-top: 35px;}.our-services-details-container{margin: 50px 0 50px 0;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{margin: 0;}.main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content{width: 75%;}.technologies-section-5{padding: 0;}.rcc-wrapper-breadcrumb-content{margin: 0; top: -15px; left: 35%; padding: 0 15px;}.main-website-rcc .rcc-wrapper-breadcrumb > div.row{min-height: 290px;}.main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .site-footer-main-info .head-label{font-size: 18px;}.wrapper-section-our-service .service-name{font-size: 20px; width: 100%;}.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{font-size: 20px; width: 75%;}.main-website-rcc .rcc-wrapper-breadcrumb div.path-page.d-flex *{font-size: 13px;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(32vh); top: 55px;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{width: auto; max-width: 60%; min-width: 60%;}.animation_main_div{left: 40%;}main.main-website-rcc .be-in-toutch-wrapper div.be-in-toutch-wrapper-title, .section-about-us-2 .wrapper-content .head-title{font-size: 26px;}.wrapper-shapes .square{width: 85%; margin: 0 auto;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-right{bottom: -105%; width: 130px; height: 430px;}.wrapper-shapes .circle.right{left: 62%; top: -5%;}.wrapper-shapes .circle.left{left: -2%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 62% !important; top: -5%;}.main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .site-footer-main-info .head-label{font-size: 20px;}.site-footer-main-info .label-value, .site-footer-main-info .head-label + .label-value{width: 49% !important; max-width: 49%;}.site-footer-main-info .label-value{font-size: 13px;}.site-footer .site-footer-wrapper-company-info .label-name{font-size: 15px;}.site-section.wrapper-section-project .form-label, .site-section.wrapper-section-project .form-control.border-none{font-size: 15px !important;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-left{width: 250px; height: 520px; bottom: -175%; z-index: 0;}main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row{display: flex; flex-direction: column; justify-content: center; align-items: baseline !important; text-align: start;}main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .step-number, main.main-website-rcc div.site-section.site-section-2-our-services-details.our-services-details-container .service-body div.row div.row .content{flex: 0 0 100%; max-width: 100%;}.main-website-rcc .technologies-section2{margin-top: 85px;}.main-website-rcc .technologies-section2, .main-website-rcc .main-technologies-section-5, .main-website-rcc div.be-in-toutch-wrapper.technologies-section-4{width: 100%;}.technologies-section-3 .container-wrapper-cloud-layers{flex-wrap: nowrap; width: 170%; justify-content: inherit; padding: 0 100px;}.wrapper-cloud-layers{width: 410px; max-width: 410px; margin: 0 5px 0px;}.main-website-rcc .technologies-section-3, .technologies-section-3 .wrapper-cloud-layer-1{width: 100%;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 80%; height: 540px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote{width: 73%; left: 120px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes .square{width: 100%;}.main-website-rcc .site-section.section-about-us-2 .sction-header{justify-content: start; padding-top: 40px}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-1{text-align: inherit; font-size: 22px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-2{font-size: 14px; width: 100%; text-align: inherit}.main-website-rcc .site-section.section-about-us-2 ul{padding-inline-start: 0px; margin: 0 auto; width: 100%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li .content{padding-left: 26px; padding-right: 20px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li h3{font-size: 19px;}.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div button, .site-section.section-about-us-1 .section-about-us-1-wrapper button, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions button{padding: 12px 30px !important; min-width: auto; height: auto; font-size: 14px; width: auto; margin-bottom: 0;}.main-website-rcc .site-section.section-partners .partners-logos-wrapper .row{width: 100% !important; max-width: 100% !important;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services{max-height: 675px; overflow: hidden; padding: 100px 20px; background-image: url('/website_rcc/static/images/03.png'); background-repeat: no-repeat; background-position: 98% 7%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services + .site-section.section-partners{background-image: url('/website_rcc/static/images/04.png'); background-repeat: no-repeat; background-position: 98% 11%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .container-section-content-our-services{padding: 0;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services .flex-column{width: 100%; flex-direction: column !important;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .wrapper-section-our-service{border-bottom: 1px solid #AFDBDD; margin: 0 30px;}.main-website-rcc .wrapper-section-our-services p.paragraph-1{font-size: 19px; text-align: inherit;}.main-website-rcc .wrapper-section-our-services p.paragraph-2{font-size: 14px; width: 100%; margin-bottom: 45px !important; text-align: inherit;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .container-section-content-our-services{margin-bottom: 3rem !important}.main-website-rcc .wrapper-section-our-services .flex-nowrap.col-10{width: 90% !important; max-width: 90%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .service-name, .main-website-rcc .site-section.section-partners .paragraph-1, .site-section.section-partners .paragraph-2{font-size: 20px;}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .wrapper-carousel{width: 85%}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects .owl-carousel-teams{padding: 0 30px;}.main-website-rcc .wrapper-section-about-3 .section-about-3 p.content{width: 70%}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .sction-header{display: flex !important;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-actions{justify-content: start; padding: 0 60px;}.main-website-rcc .head-site-section .carousel .rcc-wrapper-content{width: 70%; padding-top: 0px;}.main-website-rcc .head-site-section .carousel .slider-paragraph1{text-align: inherit;}.main-website-rcc .head-site-section .carousel .slider-paragraph2{font-size: 25px; text-align: inherit; margin: 15px 0; text-align-last: auto; width: 96%;}.main-website-rcc .head-site-section .carousel .slider-paragraph3{display: block; width: 90%; max-width: 90%;}.main-website-rcc .head-site-section .carousel .rcc-wrapper-content div{display: flex; justify-content: start; margin: 0 auto 10px; flex-direction: row;}.main-website-rcc .head-site-section .carousel .d-mobile{display: flex !important; height: 85%; justify-content: center; width: fit-content; text-align: initial; align-items: end; flex-direction: column; align-content: start;}.main-website-rcc .head-site-section .carousel .d-mobile li{-webkit-flex: inherit; flex: inherit; width: 15px !important; height: 5px !important; margin-top: 10px; width: 11px !important; margin-bottom: 0px; height: 11px; margin-right: 8px; opacity: .5;}.main-website-rcc .head-site-section .carousel-indicators.d-mobile .active{opacity: 1 !important; width: 30px !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image img, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image img{width: 100%; max-width: 100%; transform: scale(1.2) !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image div{left: -125px; right: 0; position: relative; top: -15px; display: flex; justify-content: center; align-items: center;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{left: -120px; right: 0; position: relative; top: 15px; justify-content: center; align-items: center; align-content: center; width: fit-content; margin: 0 auto; display: flex;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image img{width: 100%; max-width: 100%; transform: scale(1.3) !important; margin: 0 auto; max-height: initial;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image{height: 772px !important}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: -135px; position: relative; top: 15px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image img{width: 45%; max-width: 45%; transform: scale(1) !important; max-height: inherit;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes{width: 88%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape .wrapper-category-1-shapes, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-categories-shape .wrapper-category-1-shapes .wrapper-shapes{justify-content: end !important; padding: 0 0px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes{padding: 30px 0px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .wrapper-shapes .circle{top: 5%; left: 5%; width: 80px; height: 80px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .wrapper-shapes .circle{top: 53%; right: 10%; width: 50px; height: 50px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services a{text-align: center; margin: 0;}.main-website-rcc .head-site-section .carousel .d-mobile{margin-right: 2%;}.main-website-rcc .head-site-section .carousel-control-prev, .main-website-rcc .head-site-section .carousel-control-next{margin-right: 2%; margin-left: 2%; bottom: -20px;}.main-website-rcc .head-site-section .sr-only{min-width: 70px;}.main-website-rcc .head-site-section .carousel-control-prev{right: 9%;}.main-website-rcc .head-site-section .carousel .wrapper-cursors-head-site-section{display: block;}.main-website-rcc site-section.section-partners .sction-header .section-name, .unit-1 .unit-1-text .unit-1-heading{font-size: 14px;}.unit-1 .unit-1-text .unit-1-heading{font-size: 18px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .square{width: 60%; margin: 0 auto; height: 200px}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle{width: 75px; height: 75px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.left{left: 12%; top: -4%;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.right{left: 61%; top: -3%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 61% !important; top: -3%;}.site-section.section-technologies-brief .section-technologies-brief-content h3{font-size: 24px;}.site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop{display: flex !important; position: relative; margin-top: -55px;}.site-section.section-technologies-brief .wrapper-site-technologies-section-mobile{display: none !important;}.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-1 .wrapper-vector-tech-1{height: 385px; width: auto;}.main-website-rcc .site-section.section-technologies-brief .d-flex.wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-2 .wrapper-tech-react, .main-website-rcc .site-section.section-technologies-brief .d-flex.wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-2 .wrapper-tech-angular{max-width: 55px;}.main-website-rcc .site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-3 .wrapper-vector-tech-3{width: auto; margin: 0; height: 285px; position: relative; right: -30px;}.main-website-rcc .site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .img-1{max-width: 90px; height: auto; max-height: initial; margin-top: 26px;}.main-website-rcc .site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-4 .img-4{max-width: 100px; height: auto;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .img-3{max-width: 100px; height: 40px; margin-top: 26px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .img-2{width: auto; height: 182px; margin-top: 14px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-5 .img-1{height: 285px; width: auto; margin: 0; position: relative; right: 30px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-6 .img-vue, .site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-6 .img-void{max-width: 60px;}.site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-7 .img-1{margin: 0; height: 385px; width: auto;}.site-section.section-technologies-brief{margin-bottom: 25px;}.site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-2, .site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-6{position: relative; margin-top: -85px;}.site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-2 .tech-circle-small-animation-gray{left: -52px;}.main-website-rcc .site-section.section-technologies-brief .d-flex.wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-2 .wrapper-tech-angular{position: absolute; margin-top: -35px; max-width: 45px !important;}.main-website-rcc .site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-2 .tech-circle-small-animation-gray{left: 87px; margin-top: -30px;}.main-website-rcc .site-section.section-technologies-brief .wrapper-site-section .wrapper-vector-tech-4 .sub-section .tech-circle-small-animation-primary{margin-left: 107px;}.main-website-rcc .site-section.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-4 .flex-column.align-items-center .tech-circle-small-animation-primary{margin-top: -12px; margin-left: 2px; margin-right: 2px;}.section-technologies-brief .wrapper-site-section.wrapper-site-section-technologies-desktop .wrapper-vector-tech-4 > div.d-flex.sub-section > div:nth-child(3) .tech-circle-small-animation-primary{margin-left: -26px;}.main-website-rcc .head-site-section .slider-image{background-size: auto 35%;}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto 35%, auto 50%;}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-image: url('/website_rcc/static/images/right-vector-head-section-1.png'), url('/website_rcc/static/images/R.png');}.main-website-rcc .head-site-section .slider-image{background-image: url('/website_rcc/static/images/left-head-site-section-1.png'), url('/website_rcc/static/images/left-head-site-section-2.png')}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img .w-100{background-image: url('/website_rcc/static/images/right-vector-head-section-1.png'); background-repeat: no-repeat; background-position: 20% center; background-size: 29% auto;}.main-website-rcc .site-section.section-about-us-1 .section-about-us-1-wrapper{background-image: url('/website_rcc/static/images/01.png'); background-repeat: no-repeat; background-position: 98% top;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .row{background-image: url('/website_rcc/static/images/02.png'), url('/website_rcc/static/images/Group78.png'),url('/website_rcc/static/images/abouts-us-vector-right.png'); background-repeat: no-repeat; background-position: 98% top, left 170%, right bottom; background-size: auto 8%, auto 73%, auto 80%; padding: 70px 0 150px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2{padding: 85px 0 0 0;}.main-website-rcc .rcc-wrapper-breadcrumb > div.row{background-image: url('/website_rcc/static/images/Vector.png'); background-repeat: no-repeat; background-position: left 32%; background-size: auto 87%;}div.wrapper-section-contact-us-content .row div.vh-100{padding: 50px 40px 50px 0;}main.main-website-rcc > div.map-wrapper-section > div.contact-us-wrapper-content-map div.paragraph3{width: 82% !important;}.section-about-us-2 .row{-webkit-box-flex: 0; -ms-flex: 0 0 88%; flex: 0 0 100%; max-width: 88%;}.site-section.section-about-us-2.bg-light.wrapper-section-about-us-2#section-about .row, .site-section.section-about-us-2.wrapper-section-our-services.rcc-bg-secondary#section-about .row{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}.site-section.section-technologies-brief{margin-top: 85px; margin-bottom: 50px;}.rcc-services-steps-scroll{flex-wrap: nowrap;}.main-website-rcc .site-section.section-technologies-brief{overflow-x: hidden;}.wrapper-left-img-technologies{min-width: 140px; max-width: 140px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section{position: relative; margin-top: -43px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-1, .main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-2{min-width: 90px; max-width: 90px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-1 + div .img-2{max-height: 250px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-1{justify-content: end;}.desktop-wrapper-technologies .circle-1{min-height: 600px; max-height: 600px;}.desktop-wrapper-technologies .circle-2{min-height: calc(55vh); max-height: calc(55vh);}.wrapper-tech-amazon.rcc-img-technology{position: relative;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 18%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-2 .rcc-img-technology{position: relative; right: -35px; margin-bottom: 21px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-2 .tech-circle-small-animation-primary{margin-left: -204px; margin-top: 10px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-3 .tech-circle-small-animation-gray{margin-left: 225px; margin-top: -37px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-3 .rcc-img-technology{position: relative; margin-right: -35px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-1 .rcc-img-technology{position: relative; left: -30px; margin-top: 27px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-1 .tech-circle-small-animation-primary{top: 20px; margin-right: -9px; margin-top: 20px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-2 .rcc-img-technology{position: relative; left: 10px; margin-top: 23px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .sub-section .wrapper-2 .tech-circle-small-animation-primary{top: 20px; right: 16%; margin-top: 20px;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .wrapper-vector-tech-4 .wrapper-3 .rcc-img-technology{margin-top: 1rem;}.main-website-rcc .site-section.section-technologies-brief .desktop-wrapper-technologies .wrapper-vector-tech-4 .wrapper-3 .tech-circle-small-animation-primary{margin-top: -10px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4, .desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-5, .desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-5{flex-direction: row-reverse;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .rcc-img-technology{position: relative; right: -21px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 39.2%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-5 .rcc-img-technology{position: relative; right: 30px; margin-bottom: 17px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-5 .tech-circle-small-animation-primary{margin-left: 170px; margin-top: 13px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-6 .rcc-img-technology{position: relative; right: 120px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-6 .tech-circle-small-animation-gray{margin-left: -25px; margin-top: 20px;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1, .main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2{height: 45vh;}}@media screen and (min-width: 1200px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(85vh);}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 17%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 25.5%; margin-top: 13px;}}@media only screen and (min-width:1281px){.wrapper-shapes .circle.right{left: 67%; top: -6%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 67% !important; top: -6%;}.site-footer-main-info .label-value, .site-footer-main-info .head-label + .label-value{width: 75% !important; max-width: 75%;}.rcc-wrapper-breadcrumb-content{top: -15px; left: 30%;}.animation_main_div .circle, .animation_main_div .logo-div-send{width: 90px; height: 90px;}.site-navbar .site-navigation .site-menu > li{margin: 0 4px; padding: 10px 5px;}.site-navbar .site-navigation .site-menu a{font-size: 13px;}.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(88vh)}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image{height: 100% !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: -155px; position: relative; top: 25px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image div{left: -150px; right: 0; position: relative; top: 0px; display: flex; justify-content: center; align-items: center;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{left: -140px; right: 0; position: relative; top: 45px; justify-content: center; align-items: center; align-content: center; width: fit-content; margin: 0 auto; display: flex;}.main-website-rcc .head-site-section{margin-top: 18px;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 55%; height: 450px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote{width: 62%; left: 120px}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services{max-height: 60vh;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1, .main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2{height: 300px;}.main-website-rcc .site-section.section-about-us-2 .sction-header{padding-top: 0;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services{padding: 20px 20px 0px 20px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-2{font-size: 14px; width: 85%; text-align: inherit; margin: 0;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li p{width: 90%;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(28vh); top: 50px;}.technologies-section-3 .container-wrapper-cloud-layers{width: 145%;}.wrapper-cloud-layers{width: 430px; max-width: 430px; margin: 0 5px 0px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .square{width: 50%; margin: 0 auto; height: 200px}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle{width: 75px; height: 75px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.left{left: 17%; top: -4%;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.right{left: 60%; top: -3%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 60% !important; top: -3%;}.main-website-rcc .head-site-section .slider-image{background-size: auto 45%;}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto 45%, auto 50%;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image img{width: 40%; max-width: 40%; transform: scale(1) !important; max-height: inherit;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{top: 7%}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 16.5%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 16.5%;}}@media only screen and (min-width: 1320px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(88vh);}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 16.3%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 16.3%;}}@media only screen and (min-width: 1400px){.desktop-wrapper-technologies{max-width: 1100px; margin: 0 auto;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 25.2%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 25.2%;}.site-navbar .site-logo .logo{background-image: url('/website_rcc/static/images/Logo.png'); height: 140px; width: 133px; margin: 0;}.site-navbar .site-logo:hover .logo{background-image: url('/website_rcc/static/images/logo-colored.png'); background-position: center; background-repeat: no-repeat; background-size: contain; width: 367px; height: 140px;}.site-section.section-about-us-1#section-about .section-about-us-1-wrapper{flex-direction: initial;}}@media only screen and (min-width:1440px){.contact-us-info .contact-us-info-content{max-width: 80%; text-align: inherit;}.site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title, .site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title-content{width: 90%;}.site-navbar .site-navigation .site-menu > li{margin: 0 5px; padding: 10px 5px;}.site-navbar .site-navigation .site-menu a{font-size: 14px;}.rcc-wrapper-breadcrumb-content{top: -15px; left: 26%;}.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{font-size: 22px; width: 100%;}.main-website-rcc .rcc-wrapper-breadcrumb > div.row{min-height: calc(45vh);}.site-section.wrapper-section-project-details .head-title{font-size: 18px; margin: 30px auto 30px;}.site-section.wrapper-section-project-details .story-body .paragraph-1, .site-section.wrapper-section-project-details .story-body .paragraph-4, .site-section.wrapper-section-project-details .story-body .paragraph-2, .site-section.wrapper-section-project-details .story-body .paragraph-3, .site-section.wrapper-section-project-details .story-body .paragraph-5, .site-section.wrapper-section-project-details .story-body .paragraph-6, .site-section.wrapper-section-project-details .story-body .paragraph-7, .site-section.wrapper-section-project-details .story-body .paragraph-8{font-size: 14px !important;}.main-website-rcc .technologies-section2 div.head-title, .technologies-section-3 .wrapper-cloud-layer-1 .title, main.main-website-rcc > div.technologies-section-4 > div.be-in-toutch-wrapper-title, main.main-website-rcc .technologies-section-5 div.head-title{font-size: 22px;}.main-website-rcc .technologies-section2 div.head-title{font-size: 44px;}.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(88vh)}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{left: -30%;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image div{left: -30%}.main-website-rcc .head-site-section .carousel-control-prev{right: 6%;}.main-website-rcc .head-site-section .carousel .slider-paragraph2{width: 80%; font-size: 30px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote{width: 50%; padding: 10px 30px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-2, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li p{width: 75%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes .square{width: 75%; height: 165px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes{width: 92%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .wrapper-shapes .circle{right: 17%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .wrapper-shapes .circle{left: 13%;}.main-website-rcc site-section.section-partners .sction-header .section-name, .unit-1 .unit-1-text .unit-1-heading{font-size: 16px;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(38vh); top: 80px; left: -25px;}.main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page{font-size: 20px !important;}.main-website-rcc .rcc-wrapper-breadcrumb div.title-page{font-size: 30px;}.main-website-rcc .rcc-wrapper-breadcrumb div.path-page.d-flex *{font-size: 15px;}.contact-us-info.main-contact-us-section .icon-wrapper, .icon-wrapper, .main-website-rcc .light-bg-technology-section .icon-wrapper{width: 49px; height: 49px; font-size: 20px;}.main-website-rcc .rcc-wrapper-breadcrumb > div.row{min-height: 295px;}.main-website-rcc div.row.d-flex.flex-wrap.align-items-baseline.contact-us-info.main-contact-us-section{padding: 0 130px 50px 235px !important;}.main-website-rcc .main-contact-us-section .contact-us-info-content.mb-3{text-align: inherit}.main-website-rcc .contact-us-info.main-contact-us-section .contact-us-info-content.mb-3 .title{font-size: 18px;}.main-website-rcc .be-in-toutch-wrapper.be-in-touch-contact-us div.be-in-toutch-wrapper-title{font-size: 30px;}.wrapper-cloud-layers{width: 490px; max-width: 490px; margin: 0;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .square{width: 43%; margin: 0 auto; height: 200px}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle{width: 75px; height: 75px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.left{left: 21%; top: -5%;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.right{left: 58%; top: -3%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 58% !important; top: -3%;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image img{width: 37%; max-width: 37%; transform: scale(1) !important; max-height: inherit;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: -28%;}.main-website-rcc .head-site-section .slider-image{background-size: auto 50%;}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto 50%, auto 50%;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{width: auto; max-width: 50%; min-width: 50%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 16.2%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 26.2%;}}@media only screen and (min-width: 1480px){.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 63% !important; top: -6%;}.wrapper-shapes .square{width: 70%; margin: 0 auto;}.wrapper-shapes .circle.right{left: 63%; top: -5%;}.wrapper-shapes .circle.left{left: 6%; top: -6%;}.technologies-section-3 .container-wrapper-cloud-layers{width: 143%;}.main-website-rcc div.technologies-section2 .technologies-section2-content, .main-website-rcc .technologies-section-5 div.content{width: 80%;}.main-website-rcc .section-1 .technologies-section-5.main-technologies-section-5 .rcc.technologies-section-5-img-1, .main-website-rcc .section-1 .technologies-section-5.main-technologies-section-5 .technologies-section-5-img-2.rcc{height: 410px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: -30%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 17%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 27%;}}@media only screen and (min-width: 1500px){.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 17.5%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 27.5%;}}@media only screen and (min-width: 1520px){.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 18%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 28%;}}@media only screen and (min-width: 1560px){.main-website-rcc site-section.section-partners .sction-header .section-name, .unit-1 .unit-1-text .unit-1-heading{font-size: 17px;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 div.wrapper-content.wrapper-content-customize-width, .main-website-rcc .wrapper-section-about-3 .section-about-3 p.content{width: 85%; padding: 0 20px;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(35vh); top: 55px; left: -35px;}.main-website-rcc .be-in-toutch-wrapper.be-in-touch-contact div.be-in-toutch-wrapper-title{margin-top: 120px !important; font-size: 32px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .square{width: 41%; margin: 0 auto; height: 200px}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle{width: 80px; height: 80px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.left{left: 23%; top: -4%;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.right{left: 57%; top: -2%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 57% !important; top: -2%;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{width: auto; max-width: 50%; min-width: 50%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 18.7%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 28.7%; top: 350px;}}@media only screen and (min-width: 1650px){.rcc-wrapper-breadcrumb-content{margin-top: -5%; left: 28%;}.wrapper-shapes .square{width: 50%; margin: 0 auto;}.wrapper-shapes .circle.left{left: 17%; top: -6%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 60% !important; top: -6%;}.wrapper-shapes .circle.right{left: 60%; top: -5%;}.site-section.wrapper-section-project .form-control.border-none{font-size: 16px !important;}.site-section.wrapper-section-project .wrapper-project-details .project-image-content{font-size: 18px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image div, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{left: -32%;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image img, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image img{width: 94%; max-width: 94%; transform: scale(1.2) !important;}.section-about-us-1 .section-about-us-1-wrapper .section-about-us-1-wrapper-img div.img-section-aboutus-1{width: 43%; height: 470px;}.main-website-rcc .site-section .section-about-us-1-wrapper .wrapper-content-quote{width: 46%; left: 205px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: -31.5%;}.main-website-rcc div.row.d-flex.flex-wrap.align-items-baseline.contact-us-info.main-contact-us-section{padding: 0 130px 50px 235px !important; width: 90%; margin: 0 auto !important;}.technologies-section-3 .container-wrapper-cloud-layers{width: 139%;}.wrapper-cloud-layers{width: 500px; max-width: 500px; margin: 0 8px 0px;}.technologies-section-3 .wrapper-cloud-layer-1{padding: 40px;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images .section-bread-crumb-img{width: auto; max-width: 414px; min-width: 414px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .square{width: 38%; margin: 0 auto; height: 200px}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle{width: 80px; height: 80px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.left{left: 24%; top: -4%;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.right{left: 56%; top: -2%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 56% !important; top: -2%;}main.main-website-rcc > div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-size: 50px !important;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 20.4%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 30.4%;}}@media only screen and (min-width: 1800px){.main-website-rcc .head-site-section .carousel .slider-paragraph1{}.main-website-rcc .head-site-section .carousel .slider-paragraph2{font-size: 34px; width: 90%;}.main-website-rcc .head-site-section .carousel .slider-paragraph3{max-width: 85%; width: 85%; font-size: 15px;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image img, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image img{width: 100%; max-width: 100%; transform: scale(1.2) !important;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider1 .row .slider-image div, .main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider2 .row .slider-image div{left: -30%;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image div.wrapper-mobile{left: -32.5%;}.main-website-rcc .head-site-section .carousel .carousel-inner .carousel-item .slider3 .row .slider-image img{transform: scale(1.1) !important; width: 40%; max-width: 40%;}.main-website-rcc .head-site-section .slider-image .wrapper-mobile img.order-1{left: -15px; margin-top: -45px;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-1, .main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .technologies-section-5-img-2{height: 385px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services{padding: 55px 20px 40px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services{max-height: 750px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .service-name, .main-website-rcc .site-section.section-partners .paragraph-1, .site-section.section-partners .paragraph-2{font-size: 22px;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .wrapper-section-content-our-services{max-height: 65vh;}.main-website-rcc .site-section.wrapper-section-about-3.wrapper-section-about-our-successful-projects h2{font-size: 24px;}.site-section.site-section-2-our-services-details.our-services-details-container .img-big-service, .site-section.wrapper-section-project-details .img-big-service{height: 800px;}.main-website-rcc .rcc-wrapper-breadcrumb > div.row{min-height: calc(51.6vh)}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(42vh); top: calc(11vh); left: -2%;}.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{font-size: 44px; width: 100%;}.main-website-rcc .rcc-wrapper-breadcrumb div.path-page.d-flex *{font-size: 16px;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-right{width: 200px; height: 500px; bottom: -128%;}.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-left{width: 260px; height: 700px; bottom: -160%;}main.main-website-rcc .be-in-toutch-wrapper div.be-in-toutch-wrapper-title, .section-about-us-2 .wrapper-content .head-title{font-size: 28px;}.site-section.wrapper-section-project-details .story-body{margin: 60px 0px 0;}.site-section.wrapper-section-project-details .head-title{font-size: 24px; margin: 0 auto 50px;}.site-section.wrapper-section-project, .site-section.wrapper-section-project-details{margin-top: 120px;}.technologies-section-3 .container-wrapper-cloud-layers{width: 130%;}.technologies-section-3 .wrapper-cloud-layer-1 .head-title span{font-size: 16px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .square h2, .main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .square h2, .main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services a{font-size: 16px;}.main-website-rcc .wrapper-section-about-us-2 .wrapper-category-1-shapes .square h3, .main-website-rcc .wrapper-section-about-us-2 .wrapper-category-2-shapes .square h3{font-size: 26px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-shapes .square{width: 68%; height: 175px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-1-shapes .wrapper-shapes .circle{width: 90px; height: 90px; left: 14%; top: 4%;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .wrapper-category-2-shapes .wrapper-shapes .circle{right: 19%;}.main-website-rcc .section-about-us-2.wrapper-section-our-services .container-section-content-our-services .rcc-wrapper-technologies-section-5-img-2{margin-top: 30px;}.main-website-rcc .be-in-toutch-wrapper.be-in-touch-contact-us div.be-in-toutch-wrapper-title{font-size: 38px; margin-top: 130px !important;}.main-website-rcc .contact-us-info.main-contact-us-section .contact-us-info-content.mb-3 .title{font-size: 24px;}.main-website-rcc .section-1 .technologies-section-5.main-technologies-section-5 .rcc.technologies-section-5-img-1, .main-website-rcc .section-1 .technologies-section-5.main-technologies-section-5 .technologies-section-5-img-2.rcc{height: 430px;}.wrapper-cloud-layers{width: 540px; max-width: 540px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .square{width: 35%; margin: 0 auto; height: 200px}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle{width: 80px; height: 80px;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.left{left: 25%; top: -4%;}.main-website-rcc .section-about-us-2.page-about-use-section-2 .wrapper-shapes .circle.right{left: 56%; top: -2%;}.section-about-us-2.d-flex.flex-column.page-about-use-section-2 > div:nth-child(5) > div:nth-child(2) > div > div.circle.right{left: 56% !important; top: -2%;}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto 64%, auto 64%;}.main-website-rcc .head-site-section .slider-image{background-size: auto 54%;}.main-website-rcc .site-section.section-about-us-1 div.sction-header div.section-name, .main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-content{font-size: 16px !important; width: 90%;}.main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-title{font-size: 30px;}.contact-us-info.main-contact-us-section .icon-wrapper, .icon-wrapper, .main-website-rcc .light-bg-technology-section .icon-wrapper{width: 61px; height: 61px; font-size: 20px;}.wrapper-left-img-technologies{min-width: 200px; max-width: 200px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 33%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 23%;}}@media only screen and (min-width: 1812px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(89vh)}}@media only screen and (min-width: 1815px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(89vh)}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto 50%, auto 50%;}.main-website-rcc .head-site-section .slider-image{background-size: auto 48%;}}@media only screen and (min-width: 1817px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(89vh)}.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto 64%, auto 64%;}.main-website-rcc .head-site-section .slider-image{background-size: auto 48%;}}@media only screen and (min-width: 1820px){.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(89vh)}.desktop-wrapper-technologies{max-width: 1300px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 27.7%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 17.7%;}}@media only screen and (min-width: 1828px){.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto 50%, auto 50%;}}@media only screen and (min-width: 1830px){.main-website-rcc .head-site-section .slider1 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider2 div.row .col-lg-7.col-md-12.justify-content-center, .main-website-rcc .head-site-section .slider3 div.row .col-lg-7.col-md-12.justify-content-center{background-size: auto, auto;}.main-website-rcc .head-site-section .slider-image{background-size: auto;}}@media only screen and (min-width: 1840px){.main-website-rcc div.section-about-us-2.page-about-use-section-2 .vector-bg-left{width: 290px; height: 700px; bottom: -150%;}.section-title{font-size: 16px !important}.main-website-rcc .head-site-section .carousel .slider-paragraph2{font-size: 28px; width: 94%;}.main-website-rcc .section-about-us-1 .section-about-us-1-wrapper .section-title{font-size: 36px !important;}.main-website-rcc .be-in-toutch-wrapper > div.be-in-toutch-wrapper-content, .section-number, .sction-header .wrapper-content .section-title, .sction-header .section-title, .section-about-us-2 .wrapper-content p, .main-website-rcc .wrapper-section-about-3 .section-about-3 p.content, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service .services-details-content, .main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service a, .site-section.wrapper-section-project .form-label, .site-section.wrapper-section-project .form-control.border-none, .technologies-section-3 .wrapper-cloud-layer-1 .content, .main-website-rcc div.contact-us-info > div > div > div.contact-us-info-content> div.title-content, .main-website-rcc .technologies-section-5 div.content, .main-website-rcc div.technologies-section2 .technologies-section2-content, .technologies-section-3 .wrapper-cloud-layer-1 .content{font-size: 16px !important}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-1{font-size: 30px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-our-services .service-name{font-size: 22px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 .paragraph-2{font-size: 16px; width: 60% !important; text-align: inherit; margin: 20px 0 40px !important;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li p, .site-section.section-about-us-2.wrapper-section-our-services .services-details-content{font-size: 16px;}.main-website-rcc .site-section.section-about-us-2.wrapper-section-about-us-2 ul li h3{font-size: 24px}.main-website-rcc .wrapper-section-our-services p.paragraph-2{font-size: 16px; width: 75%; margin-left: 0; margin-right: 0;}.main-website-rcc .wrapper-section-our-services p.paragraph-1{font-size: 24px;}.contact-us-info.main-contact-us-section .icon-wrapper, .main-website-rcc .light-bg-technology-section .icon-wrapper, .icon-wrapper{width: 64px; height: 64px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{right: 35%; top: 100px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 17.9%;}}@media only screen and (min-width: 1880px){.site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title-content, .our-services-details-container .service-body .paragraph-2, .our-services-details-container .service-body .paragraph-1, .our-services-details-container .service-body .paragraph-3, .our-services-details-container .service-body .paragraph-4{font-size: 14px !important}.main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .head-title{font-size: 24px;}main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-size: 28px;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-1 .tech-circle-small-animation-gray{left: 31%;}.desktop-wrapper-technologies .wrapper-left-img-technologies .wrapper-4 .tech-circle-small-animation-gray{right: 31.4%;}}@media only screen and (min-width: 1900px){.main-website-rcc .head-site-section .carousel .slider-paragraph2{font-size: 50px; width: 100%;}}@media only screen and (min-width: 2000px){.main-website-rcc .head-site-section .carousel .slider-paragraph2{font-size: 52px; width: 100%;}}@media only screen and (min-width: 2560px){.site-section.site-section-2-our-services-details.our-services-details-container div.service-body .content .title-content, .our-services-details-container .service-body .paragraph-2, .our-services-details-container .service-body .paragraph-1, .our-services-details-container .service-body .paragraph-3, .our-services-details-container .service-body .paragraph-4{font-size: 18px !important}.main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .head-title{font-size: 28px;}.section-title{font-size: 20px !important}main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-size: 24px;}.site-section.wrapper-section-project-details .story-body .paragraph-1, .site-section.wrapper-section-project-details .story-body .paragraph-4, .site-section.wrapper-section-project-details .story-body .paragraph-2, .site-section.wrapper-section-project-details .story-body .paragraph-3, .site-section.wrapper-section-project-details .story-body .paragraph-5, .site-section.wrapper-section-project-details .story-body .paragraph-6, .site-section.wrapper-section-project-details .story-body .paragraph-7, .site-section.wrapper-section-project-details .story-body .paragraph-8{font-size: 18px !important;}.rcc-wrapper-breadcrumb .rcc-wrapper-breadcrumb-images{height: calc(30vh); top: 100px;}.rcc-wrapper-breadcrumb-content{top: -25px; left: 15%;}.main-website-rcc .be-in-toutch-wrapper > div.be-in-toutch-wrapper-content, .section-number, .sction-header .wrapper-content .section-title, .sction-header .section-title, .section-about-us-2 .wrapper-content p, .main-website-rcc .wrapper-section-about-3 .section-about-3 p.content, .main-website-rcc .site-section.site-section-2-our-services.our-services-container .wrapper .content, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service .services-details-content, .main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .site-section.site-section-2-our-services.our-services-container .wrapper-section-our-service a, .site-section.wrapper-section-project .form-label, .site-section.wrapper-section-project .form-control.border-none, .site-navbar .site-navigation .site-menu a{font-size: 20px !important;}.main-website-rcc > div.rcc-wrapper-breadcrumb > div > div> div > div.title-page{font-size: 44px; width: 100%;}.main-website-rcc .rcc-wrapper-breadcrumb div.path-page.d-flex *, .site-footer .site-footer-wrapper-links a, .site-footer .site-footer-wrapper-company-info .label-name{font-size: 18px;}.site-footer-main-info .label-value, .site-footer-main-info .head-label + .label-value{width: 50% !important; max-width: 50%;}.site-footer-main-info .label-value{font-size: 16px;}div.section-about-us-2 div.wrapper-content div.title, .site-footer-main-info .label, .site-footer .site-footer-wrapper-company-info .label-value{font-size: 22px;}.main-website-rcc .rcc-wrapper-breadcrumb div.sub-title-page, .site-footer-main-info .head-label{font-size: 25px;}main.main-website-rcc > div.map-wrapper-section > div.contact-us-wrapper-content-map div.paragraph3{font-size: 18px !important;}main.main-website-rcc > div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph1, main.main-website-rcc div.map-wrapper-section div.contact-us-wrapper-content-map div.paragraph2{font-size: 50px !important;}.main-website-rcc .head-site-section .slider1 div.row, .main-website-rcc .head-site-section .slider2 div.row, .main-website-rcc .head-site-section .slider3 div.row{height: calc(92vh);}}

/* /theme_rcc/static/src/scss/header.scss defined in bundle 'web.assets_frontend' */
.header-style_1{height: 100px; .logo{img{object-fit: cover; height: 70px !important; width: auto;}}#top_menu_collapse{font-weight: bold; .rcc_login_link{min-width: 50px; min-width: 9em; padding: 10px; background: #206367 !important; border-radius: 8px !important; &:hover{background: #36a5ab !important; border-color: #36a5ab !important; color: #fff !important;}}.header_language{button{border-radius: 8px !important; color: #206367 !important; border-color: #206367 !important; padding: 10px; font-size: 15px; min-width: 9rem; font-weight: bold; &:hover{color: white !important; background: #206367 !important;}}}}}@media screen and (max-width:900px){.rcc_login_link{margin-top: 10px; margin-right: auto; max-width: 9rem;}}

/* /website_enterprise/static/src/scss/website_enterprise.scss defined in bundle 'web.assets_frontend' */
.o_menu_toggle{float: left; padding: 4px 0 0 16px; font-size: 1.3em; color: white; &:hover, &:focus, &:active{color: white; outline: none;}}

/* /website_links/static/src/css/website_links.css defined in bundle 'web.assets_frontend' */
.no-link-style{color: black; text-decoration: none;}.required-form-control{background-color: #CECDFF;}#filters li a, #filters li.active a, #filters li.active a.active, #filters li.active a:hover, #filters li.active a:focus, #filters li a:hover{padding: 0px 5px; border-radius: 0px; border: 0px; border-color: transparent; border-right: 1px solid #999; padding-bottom: 0; background-color: #FFFFFF;}#filters li.active a{color: #999;}#filters li:last-child a, #filters li:last-child a:hover, #filters li:last-child a:focus{border-right: 0px;}.nav-tabs-inline{font-size: 14px;}#o_website_links_recent_links{min-height:30em;}.o_website_links_code_error{display:none; color:red; font-weight:bold;}.truncate_text{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px;}

/* /website_mass_mailing/static/src/scss/website_mass_mailing_popup.scss defined in bundle 'web.assets_frontend' */
.o_newsletter_modal{.modal-header{padding: 0; border: none;}.modal-title{display: none;}.close{z-index: $zindex-modal; @include o-position-absolute(0, 0); width: $font-size-lg * 2; height: $font-size-lg * 2; line-height: $font-size-lg * 2; margin: 0; padding: 0; @include o-bg-color(color-yiq(o-color('primary')), o-color('primary'), $with-extras: false); box-shadow: $box-shadow-sm; opacity: 1;}}

/* /website_profile/static/src/scss/website_profile.scss defined in bundle 'web.assets_frontend' */
// Retrive the tab's height by summ its properties $owprofile-tabs-height: ($nav-link-padding-y*2) + ($font-size-base * $line-height-base); // Overal page bg-color: Blend it 'over' the color chosen by the user // ($body-bg), rather than force it replacing the variable's value. $owprofile-color-bg: mix($body-bg, #efeff4); .o_wprofile_body{background-color: $owprofile-color-bg;}.o_wprofile_gradient{background-image: linear-gradient(120deg, #875A7B, darken(#875A7B, 10%));}.o_wprofile_pict{@include size(100%); padding-top: 30%; background-size: cover; background-position: center; @include media-breakpoint-up(md){padding-top: 70%; border: 1px solid darken(#875A7B, 10%); border-bottom-width: 0;}}.o_wprofile_header{@include media-breakpoint-up(md){&:before{content: ""; @include o-position-absolute(auto, 0, 0, 0); height: $owprofile-tabs-height; background: rgba(black, 0.2);}}}.o_wprofile_sidebar{border: 1px solid $border-color; @include media-breakpoint-up(md){border-top-width: 0;}}.o_wprofile_nav_tabs{@include media-breakpoint-up(md){margin-top: $owprofile-tabs-height * -1; border-bottom: 0; .nav-link{border-radius: 0; border-width: 0 1px; line-height: $line-height-base; @include o-hover-text-color(rgba(white, 0.8), white); &{border-color: transparent;}&:hover{border-color: transparent; background: #3d2938;}&.active{color: color-yiq($owprofile-color-bg); background: $owprofile-color-bg; border-color: $owprofile-color-bg;}}}@include media-breakpoint-only(xs){overflow-x: auto; overflow-y: hidden; li{white-space: nowrap;}}}.o_wprofile_tabs_content{@include media-breakpoint-down(sm){background-color: $nav-tabs-link-active-bg; padding:0 ($grid-gutter-width * 0.5);}@include media-breakpoint-only(xs){margin: 0 ($grid-gutter-width * -0.5);}}/// Progress Circle .o_wprofile_progress_circle{position: relative; svg.o_pc_circular_chart{display: block; max-width: 100%; .o_pc_circle_bg, .o_pc_circle{fill: none; stroke-width: 1.5px; stroke-linecap: round;}.o_pc_circle_bg{stroke: rgba(black, 0.1);}.o_pc_circle{animation: progress 1s ease-out forwards;}#gradient{--o-pc-color-stop-1: #{lighten(theme-color('primary'), 10%)}; --o-pc-color-stop-2: #{theme-color('primary')};}}.o_pc_overlay{@include o-position-absolute(0,0,0,0);}@keyframes progress{0%{stroke-dasharray: 0 100;}}}// All Users Page .o_wprofile_all_users_nav{border-width: 1px 0; &, .o_wprofile_course_nav_search, .o_wprofile_all_users_nav_btn{background-color: rgba(white, 0.05); border-color: rgba(white, 0.1); border-style: solid;}.o_wprofile_course_nav_search, .o_wprofile_all_users_nav_btn{border-width: 0 1px;}.o_wprofile_all_users_nav_btn{@include media-breakpoint-up(md){@include o-hover-text-color(white, $gray-800); margin-top: -1px; border-radius: 0; min-height: 35px; &:hover{background-color: white;}}}.o_wprofile_all_users_nav_btn_container{@include media-breakpoint-down(sm){~ .o_wprofile_user_profile_sub_nav_mobile_col{padding-left: 0;}.o_wprofile_all_users_nav_btn{@include o-hover-text-color(white, white); border-radius: $btn-border-radius; background-color: rgba(black, 0.25);}}}.breadcrumb-item.active a, .breadcrumb-item a:hover{color: white;}.breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before, .o_wprofile_course_nav_search input::placeholder{color: rgba(white, 0.8);}}.o_wprofile_top3_card_footer div{border-color: $border-color; border-style: solid; border-width: 1px 0; margin-top: -1px; + div{border-left-width: 1px; margin-left: -1px;}}.o_wprofile_pager{li.page-item{a.page-link{background-color: transparent; border: 0; color: $gray-600; transition-duration: .3s; &:hover{color: $primary;}}&.active{a.page-link{color: $white;}}&.o_wprofile_pager_arrow a{color: $primary; &:hover{transform: scaleX(1.50) scaleY(1.50);}}&.o_wprofile_pager_arrow.disabled a{color: $gray-600;}.page-link:focus{box-shadow: 0 0 0 0;}}}.wprofile_badge_img{height: 2.5em;}// Other stuffs .country_flag{display: inline-block; margin-left: 2px; max-height: 13px; width: auto !important;}// Tools .o_wprofile_pointer{cursor: pointer;}// Own profile border .o_wprofile_border_focus{border-left: 4px solid theme-color('secondary');}

/* /website_rcc_blog/static/css/blogs_style.css defined in bundle 'web.assets_frontend' */
.website_blog #o_wblog_posts_loop .o_record_cover_container{box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); padding-top: 97%; height: auto !important; min-height: auto !important;}.contanier-rcc{width: 120%;}

/* /website/static/src/snippets/s_title/000.scss defined in bundle 'web.assets_frontend' */
 .s_title:not([data-vcss]){.s_title_boxed{> *{display: inline-block; padding: $grid-gutter-width; border: 1px solid;}}.s_title_lines{overflow: hidden; &:before, &:after{content: ""; display: inline-block; vertical-align: middle; width: 100%; border-top: 1px solid; border-top-color: inherit;}&:before{margin: 0 $grid-gutter-width/2 0 -100%;}&:after{margin: 0 -100% 0 $grid-gutter-width/2;}}.s_title_underlined{@extend %o-page-header;}.s_title_small_caps{font-variant: small-caps;}.s_title_transparent{opacity: .5;}.s_title_thin{font-weight: 300;}}

/* /website/static/src/snippets/s_three_columns/000.scss defined in bundle 'web.assets_frontend' */
.s_three_columns:not([data-vcss]){.align-items-stretch > .card{height: 100%;}}

/* /website/static/src/snippets/s_alert/000.scss defined in bundle 'web.assets_frontend' */
 .s_alert{margin: $grid-gutter-width/2 0; border: $alert-border-width solid; border-radius: $alert-border-radius; p, ul, ol{&:last-child{margin-bottom: 0;}}&.s_alert_sm{padding: $grid-gutter-width/3; font-size: $font-size-sm;}&.s_alert_md{padding: $grid-gutter-width/2; font-size: $font-size-base;}&.s_alert_lg{padding: $grid-gutter-width; font-size: $font-size-lg;}.s_alert_icon{float: left; margin-right: 10px;}.s_alert_content{overflow: hidden;}}

/* /website/static/src/snippets/s_card/000.scss defined in bundle 'web.assets_frontend' */
 .s_card{margin: $grid-gutter-width/2 0; .card-body{// color: initial; p, ul, ol{&:last-child{margin-bottom: 0;}}}}

/* /website/static/src/snippets/s_share/000.scss defined in bundle 'web.assets_frontend' */
 .s_share{> *{display: inline-block; vertical-align: middle;}.s_share_title{margin: 0 .4rem 0 0;}a{i.fa{display: flex; justify-content: center; align-items: center;}margin: .2rem;}&:not(.no_icon_color){.s_share_facebook{&, &:hover, &:focus{@extend .text-facebook;}}.s_share_twitter{&, &:hover, &:focus{@extend .text-twitter;}}.s_share_linkedin{&, &:hover, &:focus{@extend .text-linkedin;}}.s_share_google{&, &:hover, &:focus{@extend .text-google-plus;}}.s_share_whatsapp{&, &:hover, &:focus{@extend .text-whatsapp;}}.s_share_pinterest{&, &:hover, &:focus{@extend .text-pinterest;}}.s_share_github{&, &:hover, &:focus{@extend .text-github;}}.s_share_instagram{&, &:hover, &:focus{@extend .text-instagram;}}.s_share_youtube{&, &:hover, &:focus{@extend .text-youtube;}}}}

/* /website/static/src/snippets/s_rating/001.scss defined in bundle 'web.assets_frontend' */
 .s_rating[data-vcss="001"]{&.s_rating_inline{display: flex; align-items: center; .s_rating_title{margin: 0; margin-right: 0.5em;}.s_rating_icons{margin-left: auto;}}}

/* /website/static/src/snippets/s_hr/000.scss defined in bundle 'web.assets_frontend' */
 .s_hr{line-height: 0; hr{padding: 0; border: 0; border-top: 1px solid currentColor; margin: 0; color: inherit;}}

/* /website/static/src/snippets/s_image_gallery/001.scss defined in bundle 'web.assets_frontend' */
 .s_image_gallery[data-vcss="001"]{&.o_grid, &.o_masonry{.img{width: 100%;}}&.o_grid{&.o_spc-none div.row{margin-bottom: 0px;}&.o_spc-small div.row > div{margin-bottom: $spacer;}&.o_spc-medium div.row > div{margin-bottom: $spacer * 2;}&.o_spc-big div.row > div{margin-bottom: $spacer * 3;}}&.o_masonry{&.o_spc-none div.o_masonry_col{padding: 0; > img, > a > img{margin: 0 !important;}}&.o_spc-small div.o_masonry_col{padding: 0 ($spacer * .5); > img, > a > img{margin-bottom: $spacer !important;}}&.o_spc-medium div.o_masonry_col{padding: 0 $spacer; > img, > a > img{margin-bottom: $spacer * 2 !important;}}&.o_spc-big div.o_masonry_col{padding: 0 ($spacer * 1.5); > img, > a > img{margin-bottom: $spacer * 3 !important;}}}&.o_nomode{&.o_spc-none .row div{padding-top: 0; padding-bottom: 0;}&.o_spc-small .row div{padding-top: $spacer * .5; padding-bottom: $spacer * .5;}&.o_spc-medium .row div{padding-top: $spacer; padding-bottom: $spacer;}&.o_spc-big .row div{padding-top: $spacer * 1.5; padding-bottom: $spacer * 1.5;}}&:not(.o_slideshow){img{cursor: pointer;}}&.o_slideshow{.carousel{.carousel-item.active, .carousel-item-next, .carousel-item-prev, .carousel-control-next, .carousel-control-prev{padding-bottom: 64px;}ul.carousel-indicators li{border: 1px solid #aaa;}}ul.carousel-indicators{position: absolute; left: 0%; bottom: 0; width: 100%; height: auto; margin-left: 0; padding: 0; border-width: 0; > *{list-style-image: none; display: inline-block; width: 40px; height: 40px; line-height: 40px; margin: 2.5px 2.5px 2.5px 2.5px; padding: 0; border: 1px solid #aaa; text-indent: initial; background-size: cover; background-color: #fff; background-position: center; border-radius: 0; vertical-align: bottom; flex: 0 0 40px; &:not(.active){opacity: 0.8; filter: grayscale(1);}}}> .container, > .container-fluid, > .o_container_small{height: 100%;}&.s_image_gallery_cover .carousel-item{> a{width: 100%; height: 100%;}> a > img, > img{width: 100%; height: 100%; object-fit: cover;}}&:not(.s_image_gallery_show_indicators) .carousel{ul.carousel-indicators{display: none;}.carousel-item.active, .carousel-item-next, .carousel-item-prev, .carousel-control-next, .carousel-control-prev{padding-bottom: 0px;}}&.s_image_gallery_indicators_arrows_boxed, &.s_image_gallery_indicators_arrows_rounded{.carousel{.carousel-control-prev .fa, .carousel-control-next .fa{text-shadow: none;}}}&.s_image_gallery_indicators_arrows_boxed{.carousel{.carousel-control-prev .fa:before{content: "\f104"; padding-right: 2px;}.carousel-control-next .fa:before{content: "\f105"; padding-left: 2px;}.carousel-control-prev .fa:before, .carousel-control-next .fa:before{display: block; width: 3rem; height: 3rem; line-height: 3rem; color: black; background: white; font-size: 1.25rem; border: 1px solid $gray-500;}}}&.s_image_gallery_indicators_arrows_rounded{.carousel{.carousel-control-prev .fa:before{content: "\f060";}.carousel-control-next .fa:before{content: "\f061";}.carousel-control-prev .fa:before, .carousel-control-next .fa:before{color: black; background: white; font-size: 1.25rem; border-radius: 50%; padding: 1.25rem; border: 1px solid $gray-500;}}}&.s_image_gallery_indicators_rounded{.carousel{ul.carousel-indicators li{border-radius: 50%;}}}&.s_image_gallery_indicators_dots{.carousel{ul.carousel-indicators{height: 40px; margin: auto; li{max-width: 8px; max-height: 8px; margin: 0 6px; border-radius: 10px; background-color: $black; background-image: none !important; &:not(.active){opacity: .4;}}}}}@extend %image-gallery-slideshow-styles;}.carousel-inner .item img{max-width: none;}}.s_gallery_lightbox{.close{font-size: 2rem;}.modal-dialog{height: 100%; background-color: rgba(0,0,0,0.7);}@include media-breakpoint-up(sm){.modal-dialog{max-width: 100%; padding: 0;}}ul.carousel-indicators{display: none;}.modal-body.o_slideshow{@extend %image-gallery-slideshow-styles;}}%image-gallery-slideshow-styles{&:not(.s_image_gallery_cover) .carousel-item{> a{display: flex; height: 100%; width: 100%;}> a > img, > img{max-height: 100%; max-width: 100%; margin: auto;}}.carousel{height: 100%; .carousel-inner{height: 100%;}.carousel-item.active, .carousel-item-next, .carousel-item-prev, .carousel-control-next, .carousel-control-prev{display: flex; align-items: center; height: 100%;}.carousel-control-next .fa, .carousel-control-prev .fa{text-shadow: 0px 0px 3px $gray-800;}}}

/* /website/static/src/snippets/s_product_catalog/001.scss defined in bundle 'web.assets_frontend' */
.s_product_catalog[data-vcss='001']{.s_product_catalog_dish{// Title .s_product_catalog_dish_title{line-height: $headings-line-height;}// Description .s_product_catalog_dish_description{margin-bottom: $spacer;}&:last-child{.s_product_catalog_dish_description{margin-bottom: 0;}}// Dot Leaders .s_product_catalog_dish_dot_leaders{display: flex; flex-grow: 1; align-items: center; &::after{content: ''; margin-left: $spacer/2; flex: 1 0 auto; border-bottom: 1px dotted;}}}}

/* /website/static/src/snippets/s_comparisons/000.scss defined in bundle 'web.assets_frontend' */
 .s_comparisons{.card-body{.card-title{margin: 0;}.s_comparisons_currency, .s_comparisons_price, .s_comparisons_decimal{display: inline-block; vertical-align: middle;}.s_comparisons_currency, .s_comparisons_decimal{font-size: 80%;}.s_comparisons_price{font-size: 200%;}}}

/* /website/static/src/snippets/s_company_team/000.scss defined in bundle 'web.assets_frontend' */
 .s_company_team{@include media-breakpoint-down(md){img{max-width: 50%;}}}

/* /website/static/src/snippets/s_references/000.scss defined in bundle 'web.assets_frontend' */
 .s_references .img-thumbnail{border: none;}

/* /website/static/src/snippets/s_popup/001.scss defined in bundle 'web.assets_frontend' */
.s_popup[data-vcss='001']{.modal-content{min-height: $font-size-lg * 2; max-height: none; border: 0; border-radius: 0; box-shadow: $modal-content-box-shadow-sm-up;}.modal-dialog{height: auto; min-height: 100%; @include media-breakpoint-down(xs){min-height: calc(100% - 2 * #{$modal-dialog-margin});}}// Close icon .s_popup_close{z-index: $zindex-modal; @include o-position-absolute(0, 0); width: $font-size-lg * 2; height: $font-size-lg * 2; line-height: $font-size-lg * 2; @include o-bg-color(color-yiq(o-color('primary')), o-color('primary'), $with-extras: false); box-shadow: $box-shadow-sm; cursor: pointer; font-size: $font-size-lg; text-align: center;}// Size option - Full .s_popup_size_full{padding: 0 !important; max-width: 100%; > .modal-content{// Use the backdrop color as background-color background-color: transparent; box-shadow: none; border-radius: 0;}}// Position option - Middle .s_popup_middle .modal-dialog{align-items: center;}// Position option - Top/Bottom .s_popup_top, .s_popup_bottom{.modal-dialog{margin-right: 0; &:not(.s_popup_size_full){padding: $spacer !important;}}}.s_popup_top .modal-dialog{align-items: flex-start;}.s_popup_bottom .modal-dialog{align-items: flex-end;}// No backdrop .s_popup_no_backdrop{// If the popup is taller than the page you should not be able to // interact with the elements behind, otherwise you should (when there // is no backdrop). &:not(.s_popup_overflow_page){pointer-events: none;}.modal-content{pointer-events: auto;}}}

/* /website/static/src/snippets/s_faq_collapse/000.scss defined in bundle 'web.assets_frontend' */
.s_faq_collapse{.accordion .card{.card-header{cursor: pointer; display: inline-block; width: 100%; position: relative; padding: .5em 1em; padding-left: 2.25em; border-radius: 0; outline: none; &:before{content: '\f056'; font-family: 'FontAwesome'; color: $gray-600; position: absolute; margin-left: -1.5em;}&.collapsed:before{content: '\f055';}&:hover, &:focus{text-decoration: none;}}.s_faq_collapse_right_icon{padding-left: 1em; &:before{position: static; float: right; margin-left: 0;}& + div .card-body{padding-left: 1em;}}.card-body{padding: 1em; padding-left: 2.25em;}}.card-body p:last-child, .card-body ul:last-child{margin-bottom: 0;}&.s_faq_collapse_light{.accordion .card{border-left: 0; border-right: 0; border-radius: 0; .card-header{background-color: transparent; &:before{content:'\f068';}&.collapsed:before{content:'\f067';}}.s_faq_collapse_right_icon{padding-left: 0;}.card-header + div .card-body{padding-left: 0; padding-right: 0;}}}&.s_faq_collapse_big{.accordion .card{border: 0; .card-header{background-color: transparent; font-size: $font-size-lg * 1.5; &:before{content:'\f068';}&.collapsed:before{content:'\f067';}}.s_faq_collapse_right_icon{padding-left: 0;}.card-header + div .card-body{padding-left: 0; padding-right: 0;}}}&.s_faq_collapse_boxed{.accordion .card{border: 0; margin: $btn-padding-y-lg 0; &:first-child{margin-top: 0;}&:last-child{margin-bottom: 0;}.card-header{border: 0;}.card-header.collapsed{background-color: transparent;}.collapse.show, .collapsing{.card-body{background-color: rgba(0, 0, 0, 0.03) !important;}}}}}

/* /website/static/src/snippets/s_features_grid/000.scss defined in bundle 'web.assets_frontend' */
 .s_features_grid{.s_features_grid_content{overflow: hidden; p{margin-bottom: 0;}}.s_features_grid_icon{float: left; margin-right: $grid-gutter-width/2;}}

/* /website/static/src/snippets/s_tabs/001.scss defined in bundle 'web.assets_frontend' */
// Tabs .s_tabs[data-vcss="001"]{.s_tabs_content{&.s_tabs_slide_up, &.s_tabs_slide_down, &.s_tabs_slide_left, &.s_tabs_slide_right{> .tab-pane.fade{transition: all 0.2s;}> .tab-pane.fade.show{transform: translateX(0rem) translateY(0rem);}}&.s_tabs_slide_up > .tab-pane.fade{transform: translateY(-1rem);}&.s_tabs_slide_down > .tab-pane.fade{transform: translateY(1rem);}&.s_tabs_slide_left > .tab-pane.fade{transform: translateX(-1rem);}&.s_tabs_slide_right > .tab-pane.fade{transform: translateX(1rem);}}}

/* /website/static/src/snippets/s_table_of_content/000.scss defined in bundle 'web.assets_frontend' */
.s_table_of_content:not([data-vcss]){.s_table_of_content_navbar_wrap{&.s_table_of_content_navbar_sticky{&.s_table_of_content_horizontal_navbar, &.s_table_of_content_vertical_navbar .s_table_of_content_navbar{@include o-position-sticky($top: 0px);}&.s_table_of_content_vertical_navbar .s_table_of_content_navbar{overflow: auto;}}&:not(.s_table_of_content_navbar_sticky){&, .s_table_of_content_navbar{top: 0px !important;}}&.s_table_of_content_vertical_navbar .s_table_of_content_navbar{overflow-wrap: break-word; > a.list-group-item-action{background: none; color: inherit; opacity: 0.7; font-weight: $font-weight-normal + 100; padding-left: 3px; transition: padding 0.1s; &:before{@include o-position-absolute(10px, auto, 10px, 0); width: 2px; content: "";}&:hover{opacity: 1;}&:focus{background: none;}&.active{background: none; padding-left: 8px; opacity: 1; &:before{background-color: theme-color('primary');}}}}&.s_table_of_content_horizontal_navbar{z-index: 1; padding-top: $navbar-padding-y; padding-bottom: $navbar-padding-y; margin-bottom: $spacer * 2; .s_table_of_content_navbar{display: inline; > a{&.list-group-item-action{width: auto;}&.list-group-item{display: inline-block; margin-bottom: 2px;}}}}}}

/* /website/static/src/snippets/s_quotes_carousel/001.scss defined in bundle 'web.assets_frontend' */
.s_quotes_carousel_wrapper[data-vcss='001']{.s_blockquote{margin-bottom: 0; @include media-breakpoint-down(sm){width: 100% !important; // TODO add the right class in the xml when it's possible}}}

/* /website/static/src/snippets/s_masonry_block/001.scss defined in bundle 'web.assets_frontend' */
.s_masonry_block[data-vcss='001'] .row > div{display: flex; flex-direction: column; justify-content: center;}

/* /website/static/src/snippets/s_media_list/001.scss defined in bundle 'web.assets_frontend' */
.s_media_list[data-vcss="001"]{.s_media_list_item > .row{overflow: hidden; // To support rounded option}.s_media_list_body{padding: $spacer * 2;}.s_media_list_img{object-fit: cover;}}

/* /website/static/src/snippets/s_showcase/000.scss defined in bundle 'web.assets_frontend' */
 #wrapwrap .s_showcase:not([data-vcss]){@include media-breakpoint-up(lg){.container, .container-fluid{position: relative; &:before{content: " "; display: block; @include o-position-absolute($left: 50%); height: 100%; border-right: 1px solid gray('200');}}}.fa{opacity: 0.5;}.text-right{.fa{float: right; margin-left: .5em;}p{float: right; display: block;}}.text-left{.fa{float: left; margin-right: .5em;}p{float: left;}}.row{margin-top: 1em;}.feature p{max-width: 300px; margin-top: 0.6em; clear: both;}}@include media-breakpoint-down(md){#wrapwrap .s_showcase:not([data-vcss]){.text-right, .text-left{text-align: center; .fa{font-size: 2em; opacity: 0.5; float: none; display: block; position: relative; margin-left: auto; margin-right: auto;}}.feature{margin-bottom: 3em; p{float: none; display: block; position: relative; margin-left: auto; margin-right: auto;}}}}

/* /website/static/src/snippets/s_showcase/002.scss defined in bundle 'web.assets_frontend' */
.s_showcase[data-vcss='002']{.s_showcase_icon{// Avoid images stretched depending on title size (when icons // are images an not Font Awesome icons). Because the default // value of "align-self" is "strech". align-self: flex-start;}}

/* /website/static/src/snippets/s_timeline/000.scss defined in bundle 'web.assets_frontend' */
.s_timeline{.s_timeline_line{position: relative; border-color: gray('800'); // For inheritance, not actual border &:before{content: ''; display: block !important; // override portal '#wrap .container' value position: absolute; width: 1px; top: 0px; bottom: 0px; left: 50%; border-left: 1px solid; border-color: inherit;}}.s_timeline_row{align-items: center; .s_timeline_content{align-items: center; justify-content: flex-end; width: 100%; ~ .s_timeline_content{justify-content: flex-start;}}&.flex-row-reverse{.s_timeline_content{flex-direction: row-reverse;}}@include media-breakpoint-up(md){&.flex-row-reverse{.s_timeline_content{flex-direction: row-reverse; &:not(:last-child){margin-left: 10%;}}}&:not(.flex-row-reverse){.s_timeline_content:last-child{margin-left: 10%;}}}}.s_timeline_date{@include media-breakpoint-up(md){position: absolute; left: 0%; right: 0%;}@include media-breakpoint-down(sm){position: relative; margin: 20px 0px;}span:not(.fa){display: inline-block; padding: 5px;}.fa{margin: 0 $grid-gutter-width/2;}text-align: center;}.s_timeline_icon{flex: 0 0 auto; margin: $grid-gutter-width/2; z-index: 1;}}

/* /website/static/src/snippets/s_process_steps/000.scss defined in bundle 'web.assets_frontend' */
.s_process_steps{.s_process_step_icon{margin: $grid-gutter-width 0; span{display: block; overflow: hidden;}.fa{display: block;}}.s_process_step_content{padding: 0 $grid-gutter-width/2;}@include media-breakpoint-up(lg){overflow-x: hidden; .s_process_step{.s_process_step_icon{position: relative; z-index: 1; span:after{content: ''; z-index: -1; border-top: 1px solid gray('500'); @include o-position-absolute(50%, 0, 0, auto);}}.s_process_step_icon{span:after{width: 100%;}}&:first-child .s_process_step_icon, &:last-child .s_process_step_icon{span:after{width: 50%;}}&:first-child .s_process_step_icon{.fa:after{right: 0;}.fa.float-right:after{width: 0;}}&:last-child .s_process_step_icon{span:after{left: 0;}.fa{&:after{left: 0;}&.float-left:after{width: 0;}}}}}}

/* /website/static/src/snippets/s_text_highlight/000.scss defined in bundle 'web.assets_frontend' */
.s_text_highlight{padding: 1.5rem; border-radius: $border-radius; :last-child{margin-bottom: 0;}}

/* /website/static/src/snippets/s_blockquote/000.scss defined in bundle 'web.assets_frontend' */
.s_blockquote{// Reset border: 0; padding: 0; .s_blockquote_icon{font-size: $font-size-base;}.s_blockquote_author{opacity: .75;}// Classic &.s_blockquote_classic{.s_blockquote_icon{float: left; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; &.float-right{border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;}}.s_blockquote_content{overflow: hidden; padding: $spacer * 1.5; .blockquote-footer{&::before{content: '';}.s_blockquote_avatar{max-height: $spacer * 2.5;}}}}// Cover &.s_blockquote_cover{text-align: center; .s_blockquote_icon{position: relative; z-index: 1; float: none; margin-bottom: -$spacer * 1.5;}p:last-of-type{margin-bottom: $spacer * .5;}.s_blockquote_content, .s_blockquote_filter{// s_blockquote_filter is there for compatibility padding: $spacer * 3 $spacer * 2 $spacer * 2;}// Compatibility .s_blockquote_filter{margin: $spacer * -3 $spacer * -2 $spacer * -2;}.quote_char{margin: $spacer * 2 0 $spacer 0; & ~ .blockquote-footer{padding-bottom: $spacer * 2;}}}// Minimalist &.s_blockquote_minimalist{border-left: 5px solid; border-color: o-color('secondary'); .s_blockquote_content{padding: $spacer; @include border-right-radius($border-radius); p:last-of-type{margin-bottom: 0;}}}}

/* /website/static/src/snippets/s_badge/000.scss defined in bundle 'web.assets_frontend' */
 .s_badge{padding: $s-badge-padding; margin: $s-badge-margin; border-radius: if($s-badge-border-radius != null, $s-badge-border-radius, $badge-border-radius); font-size: $font-size-sm; .fa{margin: $s-badge-i-margin;}}

/* /website/static/src/snippets/s_color_blocks_2/000.scss defined in bundle 'web.assets_frontend' */
.s_color_blocks_2{// Needed to be able to stretch the inner container so that // the snippet works with the 50% and 100% height &.o_half_screen_height, &.o_full_screen_height{> :first-child{// container &, > .row{min-height: inherit;}}}.row{display: flex; flex-flow: row wrap; // Fix for safari browser as it 'supports' flex but not with the right // behavior &::before, &::after{width: 0;}}[class*="col-lg-"]{padding: 8% 5%; padding-top: 8vw; // A flex item cannot have % padding top and bottom (even if it works on chrome) padding-bottom: 8vw; // Solution is vw units but we keep 8% as a fallback}@include media-breakpoint-down(md){[class*="col-lg-"]{flex: 1 1 100%;}}img{max-width: 100%; height: auto;}}

/* /website/static/src/snippets/s_product_list/000.scss defined in bundle 'web.assets_frontend' */
 .s_product_list{padding-top: 20px; > div > .row > div{margin-bottom: 20px; // without this style the columns go directly to the top of the bellow ones. height: 200px; text-align: center; a{display: block;}img{margin: auto; max-height: 130px; @include s-product-list-img-hook;}.s_product_list_item_link{@include o-position-absolute($left: 10%, $bottom: 0, $right: 10%); > .btn{width: 100%; padding: 5px !important; font-size: 16px; @media only screen and (max-width : 1280px){// FIXME font-size: 12px;}.fa{font-size: 18px; padding-right: 5px; @media only screen and (max-width : 1024px){// FIXME display: block; font-size: 25px;}}}}}}

/* /website/static/src/snippets/s_mega_menu_thumbnails/000.scss defined in bundle 'web.assets_frontend' */
.s_mega_menu_thumbnails:not([data-vcss]){.s_mega_menu_thumbnails_footer:not(.o_cc){// TODO this should be replaced by proper structure and color // classes @extend %s_mega_menu_gray_area; &::before{@include o-position-absolute(0, 0, 0, 0); width: auto; height: auto;}}}

/* /website/static/src/snippets/s_mega_menu_little_icons/000.scss defined in bundle 'web.assets_frontend' */
 .s_mega_menu_little_icons:not([data-vcss]){.nav-link{@include hover-focus{background: rgba(0, 0, 0, .05);}}.s_mega_menu_gray_area:last-child{@extend %s_mega_menu_gray_area;}}

/* /website/static/src/snippets/s_mega_menu_images_subtitles/000.scss defined in bundle 'web.assets_frontend' */
 .s_mega_menu_images_subtitles:not([data-vcss]){.media img{max-width: 64px;}.nav-link{@include hover-focus{background: rgba(0, 0, 0, .05);}}}

/* /website/static/src/snippets/s_mega_menu_menus_logos/000.scss defined in bundle 'web.assets_frontend' */
 .s_mega_menu_menus_logos:not([data-vcss]){.s_mega_menu_gray_area:last-child{@extend %s_mega_menu_gray_area;}.s_mega_menu_menus_logos_wrapper{// Apply color transparency to match with the preset used border-color: rgba(0, 0, 0, .05) !important;}}

/* /website/static/src/snippets/s_mega_menu_odoo_menu/000.scss defined in bundle 'web.assets_frontend' */
 .s_mega_menu_odoo_menu:not([data-vcss]){.s_mega_menu_odoo_menu_footer{// Apply color transparency to match with the preset used border-color: rgba(0, 0, 0, .05); .row > div:not(.o_cc){// TODO this should be replaced by proper structure and color // classes @extend %s_mega_menu_gray_area; &::before{@include o-position-absolute(0, 0, 0, 0); width: auto; height: auto;}}}}

/* /website/static/src/snippets/s_mega_menu_cards/000.scss defined in bundle 'web.assets_frontend' */
 .s_mega_menu_cards:not([data-vcss]){.nav-link{@include hover-focus{background: rgba(0, 0, 0, .05);}}}

/* /website/static/src/snippets/s_google_map/000.scss defined in bundle 'web.assets_frontend' */
 $s-google-map-desc-bg: theme-color('primary') !default; $s-google-map-desc-alpha: 0.80 !default; $s-google-map-desc-hover-bg: theme-color('primary') !default; $s-google-map-desc-hover-alpha: 0.55 !default; .s_google_map{position: relative; min-height: 100px; .map_container{@include o-position-absolute(0, 0, 0, 0);}.description{@include o-position-absolute(auto, 0, 0, 0); z-index: 99; padding: 0 1em; background: rgba($s-google-map-desc-bg, $s-google-map-desc-alpha); color: color-yiq(rgba($s-google-map-desc-bg, $s-google-map-desc-alpha)); transition: background-color 250ms ease; font{float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;}span{float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px;}}&:hover .description{background: $s-google-map-desc-hover-bg; background: rgba($s-google-map-desc-hover-bg, $s-google-map-desc-hover-alpha); color: color-yiq(rgba($s-google-map-desc-hover-bg, $s-google-map-desc-hover-alpha));}}

/* /website/static/src/snippets/s_map/000.scss defined in bundle 'web.assets_frontend' */
 $s-map-desc-bg: theme-color('primary') !default; $s-map-desc-alpha: 0.80 !default; $s-map-desc-hover-bg: theme-color('primary') !default; $s-map-desc-hover-alpha: 0.55 !default; .s_map{position: relative; min-height: 100px; .map_container{@include o-position-absolute(0, 0, 0, 0);}.description{@include o-position-absolute(auto, 0, 0, 0); z-index: 99; padding: 0 1em; background: rgba($s-map-desc-bg, $s-map-desc-alpha); color: color-yiq(rgba($s-map-desc-bg, $s-map-desc-alpha)); transition: background-color 250ms ease; font{float: left; margin-top: 20px; margin-bottom: 15px; font-weight: bold; text-transform: uppercase;}span{float: left; text-transform: none; font-weight: normal; margin-top: 20px; margin-left: 10px;}}&:hover .description{background: $s-map-desc-hover-bg; background: rgba($s-map-desc-hover-bg, $s-map-desc-hover-alpha); color: color-yiq(rgba($s-map-desc-hover-bg, $s-map-desc-hover-alpha));}.s_map_color_filter{@include o-position-absolute(0, 0, 0, 0); position: absolute !important; pointer-events: none;}}.editor_enable .s_map{iframe{pointer-events: none;}}

/* /website/static/src/snippets/s_dynamic_snippet/000.scss defined in bundle 'web.assets_frontend' */
.s_dynamic{&.o_dynamic_empty{display: none !important;}[data-url]{cursor: pointer;}.card-img-top{height: 12rem;}img{object-fit: scale-down;}}

/* /website/static/src/snippets/s_dynamic_snippet_carousel/000.scss defined in bundle 'web.assets_frontend' */
.s_dynamic{.carousel-control-prev, .carousel-control-next{position: absolute; width: 4rem; > span.fa{color: gray('700'); background: radial-gradient($white 50%, transparent 50%);}}.dynamic_snippet_template .card-footer a, .dynamic_snippet_template .card-footer button, .o_dynamic_snippet_btn_wrapper{z-index: 2;}.dynamic_snippet_template .card-body .card-text{display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}}

/* /website/static/src/snippets/s_embed_code/000.scss defined in bundle 'web.assets_frontend' */
 .editor_enable .s_embed_code{min-height: $o-font-size-base;}

/* /website/static/src/snippets/s_website_form/001.scss defined in bundle 'web.assets_frontend' */
.editor_enable .s_website_form[data-vcss="001"]{// Hidden field is only partially hidden in editor .s_website_form_field_hidden{display: block; opacity: 0.5;}// Fields with conditional visibility are visible and identifiable in the editor .s_website_form_field_hidden_if{display: block !important; background-color: $o-we-fg-light;}// Select inputs do not trigger the default browser behavior // Since we use a custom editable element .s_website_form_field select{pointer-events: none;}// Display the editable select as a single big field #editable_select.form-control{height: auto; .s_website_form_select_item{&.selected{font-weight: bold;}&:empty::before{content: attr(data-empty-value); pointer-events: none; font-style: italic; font-weight: normal; opacity: 0.6;}}}}.s_website_form[data-vcss="001"]{.s_website_form_label{@include media-breakpoint-down(xs){width: auto !important;}}.s_website_form_field_hidden{display: none;}span.s_website_form_mark{font-size: 0.85em; font-weight: 400;}.s_website_form_dnone{display: none;}// The snippet editor uses padding and not margin. // This will include bootstrap margin in the dragable y axes .s_website_form_rows > .form-group{margin-bottom: 0; padding-top: 0.5rem; padding-bottom: 0.5rem;}.s_website_form_submit, .s_website_form_recaptcha{.s_website_form_label{float: left; height: 1px;}}.s_website_form_no_submit_label{.s_website_form_label{display: none;}}.form-control-file.is-invalid{padding-left: 3px; border-left: 3px solid $form-feedback-invalid-color;}}body:not(.editor_enable) .s_website_form[data-vcss="001"]{.s_website_form_date, .s_website_form_datetime{&:not(.s_website_form_datepicker_initialized){[value]{color: transparent;}}}}

/* /website_payment/static/src/snippets/s_donation/000.scss defined in bundle 'web.assets_frontend' */
.s_donation:not([data-vcss]){@include o-input-number-no-arrows(); .s_donation_btn{transition: background 0.2s; &:focus{box-shadow: none !important;}}#s_donation_amount_input{border: none; outline: none; max-width: 145px; background-color: transparent; font-size: inherit; color: inherit; &::placeholder{opacity: 0.6; color: inherit;}}.s_donation_range_slider_wrap{// not at 100% to prevent the bubble overflowing the viewport // to the right (with small device when set with max value) width: 90%; #s_donation_range_slider{margin-bottom: 50px;}.s_range_bubble{position: absolute; left: 0%; margin-top: 28px; padding: 0.5rem 1rem; color: color-yiq(o-color('primary')); background: theme-color('primary'); font-size: 1.15rem; border-radius: 0.3rem; transform: translateX(-50%); &::after{content: ""; position: absolute; top: -5px; left: 50%; width: 0; border-style: solid; border-color: theme-color('primary') transparent; border-width: 0 5px 5px; margin-left: -5px;}}}}

/* /website_blog/static/src/snippets/s_blog_posts/000.scss defined in bundle 'web.assets_frontend' */
.s_dynamic{.s_blog_posts_post_title{font-weight: $headings-font-weight; // Tweek line-height to help fit multi-line titles. line-height: 1;}.s_blog_posts_post_subtitle{font-size: 1em;}&.s_blog_post_list{// Set sizes relative to the container font-size. // (handle parents with, for example, '.small' or '.h1' classes) .s_blog_posts_post_cover{@include size(3.5em); max:{width: 85px; height: 85px}}.s_blog_posts_post_title{font-size: 1.25em;}}&.s_blog_post_big_picture{.s_blog_posts_post{min-height: 150px; figcaption{position: relative; justify-content: center;}.s_blog_posts_post_cover{min-height: 100%; .o_record_cover_container{top: 0;}}.s_blog_posts_post_title{@include font-size($h3-font-size); margin-bottom: 0.5em;}}.row{align-items: stretch; .s_blog_posts_post_subtitle{margin: 0;}}&.s_blog_posts_effect_marley{figcaption{text-align: right; .s_blog_posts_post_title, .s_blog_posts_post_subtitle{padding: 10px 0;}.s_blog_posts_post_subtitle{bottom: 30px; line-height: 1.5; transform: translate3d(0,100%,0); opacity: 0; transition: opacity 0.35s, transform 0.35s;}.s_blog_posts_post_title{top: 30px; transition: transform 0.35s; transform: translate3d(0,20px,0); &:after{@include o-position-absolute(100%, auto, auto, 0); width: 100%; height: 2px; background: #fff; content: ""; transform: translate3d(0,40px,0); opacity: 0; transition: opacity 0.35s, transform 0.35s;}}}.s_blog_posts_post:hover figcaption{.s_blog_posts_post_title{transform: translate3d(0,0,0);}.s_blog_posts_post_title::after, .s_blog_posts_post_subtitle{opacity: 1; transform: translate3d(0,0,0);}}}&.s_blog_posts_effect_dexter .s_blog_posts_post{.o_record_cover_container{transition: opacity 0.35s;}figcaption{&::before{content: ""; @include o-position-absolute(0, 0, 0, 0); background: linear-gradient(to bottom, darken(theme-color('secondary'), 10%) 0%, darken(theme-color('secondary'), 30%) 100%); z-index: -1;}padding: 3em; text-align: left; &:after{@include o-position-absolute(10px, 10px, 10px, 10px); border: 2px solid #fff; border-top-width: 4px; border-bottom-width: 4px; content: ""; transition: transform-origin 0.35s; transform: scaleY(0.5); transform-origin: top;}}.s_blog_posts_post_subtitle{@include o-position-absolute(auto, 20px, 20px, 20px); opacity: 0; transition: opacity 0.35s linear, transform 0.35s; transform: translate3d(0,-100px,0);}.s_blog_posts_post_title{@include o-position-absolute(20px, 20px, auto, 20px);}&:hover{.o_record_cover_container{opacity: 0.4 !important;}figcaption::after{transform-origin: bottom;}.s_blog_posts_post_subtitle{opacity: 1; transform: translate3d(0, 0, 0);}}}&.s_blog_posts_effect_chico{.o_record_cover_image{transition: opacity 0.35s, transform 0.35s; transform: scale(1.12);}.s_blog_posts_post figcaption{&::before{@include o-position-absolute(15px,15px,15px,15px); border: 1px solid #fff; content: ""; transform: scale(1.1); opacity: 0; transition: opacity 0.35s, transform 0.35s;}}.s_blog_posts_post_subtitle{opacity: 0; transition: opacity 0.35s, transform 0.35s; margin-left: auto; margin-right: auto; max-width: 200px; transform: scale(1.5);}.s_blog_posts_post_title{padding: 0;}.s_blog_posts_post:hover{.o_record_cover_image{transform: scale(1);}figcaption::before, .s_blog_posts_post_subtitle{opacity: 1; transform: scale(1);}}}}&.s_blog_post_horizontal{.o_record_cover_container{width: auto; height: auto; padding: 0;}.row{position: relative; overflow: visible; text-align: left; .s_blog_posts_post{position: relative; figcaption:after{position: relative; width: 100%; height: 150px; content: ""; display: block;}h4{position: relative; text-align: left; padding-right: 5%; &:before{content: ""; z-index: 0; display: inline; float: left; width: 20%; position: absolute; top: 49%; left: 0; border-bottom: 1px solid $body-color;}a{z-index: 1; display: block; line-height: 1; padding-left: 25%; position: relative;}}h5{padding-left: 24%;}> a{position: absolute; bottom: 0; left: 0; display: block; background: theme-color('primary'); width: 100%; height: 150px; overflow: hidden; > div{height: 100%; width: 100%; background-size: cover; background-position: center; opacity: 1; transform-origin: 50%; transition: all 400ms; backface-visibility: hidden; &:hover{opacity: 0.8; transform: scale(1.1);}}}@media only screen and (max-width : 480px){// FIXME width: 100%;}}@include media-breakpoint-down(sm){display: block;}}}&.s_blog_post_card{.card{height: 100%; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); .s_blog_posts_post_cover{height: 170px; .o_record_cover_container{background-color: transparent !important; .o_record_cover_image{@extend .card-img-top; height: inherit;}}}a:hover{text-decoration: none;}h4{font-size: 19px; font-weight: 600;}.card-footer{background-color: transparent; border-top: 2px solid rgba(0, 0, 0, 0.06); .text-muted{color: rgba(52, 58, 64, 0.4) !important;}}}}}

/* /mass_mailing/static/src/snippets/s_alert/000.scss defined in bundle 'web.assets_frontend' */
 .s_mail_alert{margin: $grid-gutter-width/2 0; border-width: $alert-border-width; border-style: solid; border-radius: $alert-border-radius; p, ul, ol{&:last-child{margin-bottom: 0;}}&.s_alert_sm{padding: $grid-gutter-width/3; font-size: $font-size-sm;}&.s_alert_md{padding: $grid-gutter-width/2; font-size: $font-size-base;}&.s_alert_lg{padding: $grid-gutter-width; font-size: $font-size-lg;}.s_alert_icon{float: left; margin-right: 10px;}.s_alert_content{overflow: hidden;}}

/* /mass_mailing/static/src/snippets/s_features_grid/000.scss defined in bundle 'web.assets_frontend' */
 .s_mail_features_grid{.s_mail_features_grid_content{overflow: hidden; p{margin-bottom: 0;}}.s_mail_features_grid_icon{float: left;}}

/* /mass_mailing/static/src/snippets/s_hr/000.scss defined in bundle 'web.assets_frontend' */
 .s_hr{line-height: 0; hr{padding: 0; border: 0; border-top: 1px solid currentColor; margin: 0; color: inherit;}}

/* /mass_mailing/static/src/snippets/s_masonry_block/001.scss defined in bundle 'web.assets_frontend' */
.o_mail_snippet_general.s_masonry_block[data-vcss='001']{.row > div{display: flex; flex-direction: column; justify-content: center;}.o_masonry_grid_container > .row{height: 100%;}}

/* /mass_mailing/static/src/snippets/s_media_list/001.scss defined in bundle 'web.assets_frontend' */
.s_media_list[data-vcss="001"]{.s_media_list_item > .row{overflow: hidden; // To support rounded option}.s_media_list_body{padding: $spacer * 2;}.s_media_list_img{object-fit: cover;}}

/* /mass_mailing/static/src/snippets/s_rating/001.scss defined in bundle 'web.assets_frontend' */
 .s_rating[data-vcss="001"]{&.s_rating_inline{display: flex; align-items: center; .s_rating_title{margin: 0; margin-right: 0.5em;}.s_rating_icons{margin-left: auto;}}}

/* /website/static/src/scss/user_custom_rules.scss defined in bundle 'web.assets_frontend' */
// // This file is meant to regroup your design customizations. For example, doing // this will separate your footer with a dotted border using your primary color. // // footer{// border-top: 5px dotted theme-color('primary'); //}//