/* ============================================
   Admin App — Custom CSS (Source)
   Compiled into app.css via webpack/SCSS.

   ⚠ AI INSTRUCTIONS — READ BEFORE EDITING COLORS:
   All brand colors are centralized in theme.config.js
   (project root). When adding or changing ANY color:

   1. Check theme.config.js for an existing token
   2. Use var(--kw-<token>) — NEVER hardcode hex
   3. If no token exists, ADD it to theme.config.js
      first, then update scripts/generate-theme-tokens.js
   4. Run: npm run dev
   5. Verify: node scripts/audit-hardcoded-colors.js

   Available tokens: --kw-primary, --kw-secondary,
   --kw-accent, --kw-error, --kw-warning, --kw-info,
   --kw-success, --kw-text, --kw-text-muted,
   --kw-bg-muted, --kw-border, --kw-unify,
   --kw-entity-natural, --kw-entity-legal,
   --kw-entity-unspecified, --kw-entity-undefined,
   --kw-risk-low, --kw-risk-medium, --kw-risk-high,
   --kw-risk-ultra-high, --kw-grey-placeholder,
   --kw-grey-border, --kw-grey-icon, --kw-grey-label,
   --kw-grey-text, --kw-grey-hover, --kw-grey-surface,
   --kw-active-blue, --kw-badge-primary-bg,
   --kw-badge-success-bg, --kw-badge-danger-bg,
   --kw-badge-warning-bg

   Exceptions (OK to hardcode):
   - #fff/#000 (structural black/white)
   - rgba() values (opacity variants)
   - Avatar palette (.name-img, .color-N)
   - Card gradients (.bg-gradient-*)
   ============================================ */


/* ==================== 1. GLOBAL & RESET ==================== */
/* Font family override, body padding fix, contenteditable focus, button close focus, tooltip z-index, tooltip-inner width, v-modal introjs fix, less-opaque/blue-tint/transparent-tint */

/* Global font — override Open Sans from unify-admin.css
   IMPORTANT: do NOT add i, span, or broad selectors here —
   they break icon fonts (Font Awesome, FancyTree, hs-icons). */
body, input, button, select, textarea,
.btn, .form-control, .nav-link, .dropdown-item, .dropdown-menu,
.u-header, .u-sidebar, .u-header__section,
.navbar, .breadcrumb, .modal, .modal-content,
.swal2-popup, .noty_body,
table, th, td, label, p, a, h1, h2, h3, h4, h5, h6 {
  font-family: var(--kw-font-family) !important;
}

body {
  padding-right: 0 !important; /* Since sweet alert adds extra 15px padding on the body */
}

[contenteditable]:focus {
  outline: 0px solid transparent;
}

button.close:focus{outline: none;}

.tooltip {
  z-index: 9999;
}

/* Increase the width of bootstrao tooltip */
.tooltip-inner {
  max-width: 300px !important;
}

.v-modal-mask.introjs-fixParent{
  z-index: 1053 !important;
}

.less-opaque{opacity: 0.3 !important;}

.blue-tint{opacity: 0.3 !important; background: var(--kw-primary) !important;}

.transparent-tint{opacity: 0.1 !important;}

a{color: var(--kw-primary);}

[v-cloak] {
  display: none !important;
}

/*.v-loader[v-cloak] > * { display:none !important; }
.v-loader[v-cloak]::before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==');
}*/

#footer{padding: 20px 20px 0px 10px !important;}


/* ==================== 2. TYPOGRAPHY ==================== */
/* .color-black, json-highlight colors */

.color-black { color: #000; }

/* Json Highlighter */
pre.json-highlight {padding: 5px; margin: 5px; }
.json-highlight .string { color: green; }
.json-highlight .number { color: darkorange; }
.json-highlight .boolean { color: blue; }
.json-highlight .null { color: magenta; }
.json-highlight .key { color: red; }
/* Json Highlighter Ends */

.small-fonts {
  font-size: 12px !important;
}


/* ==================== 3. NAVIGATION ==================== */
/* Navbar hover, header section hover, locale-changer dd-slick, entity-search-bar, breadcrumb, toolbar dropdown, navbar cart/notifications positioning, profile-menu */

#navbar .nav-link:focus, #navbar .nav-link:hover{color: #fff !important;}

.u-header__section--admin-dark a:hover, .u-header__section--admin-light a:hover {
    color: #fff !important;
}

.u-header__section--admin-light [aria-labelledby] a:hover {color: var(--kw-primary) !important;}
/*.u-header__section--admin-light [aria-labelledby] a:hover i {color: #15c !important;}*/
.u-header__section--admin-light [aria-labelledby] i{color: inherit;}

/* DD SLICK plugin on switch locale component */
.locale-changer #dd-slick .dd-selected{
  padding: 0px !important;
  display: flex;
  align-items: center;
}
.locale-changer #dd-slick .dd-selected-description{
  text-align: left;
}
.locale-changer #dd-slick .dd-select{
  border: none;
}
.locale-changer #dd-slick .dd-select .dd-selected-description{
  font-size: 100%;
}
.locale-changer #dd-slick .dd-select .dd-selected-image{
  width: 20px;
  border-radius: 15%;
}
.locale-changer #dd-slick .dd-select .dd-desc{
  color: #fff;
}
.locale-changer #dd-slick .dd-option-description{
  color: #000;
}
.locale-changer #dd-slick .dd-options{
  box-shadow: none;
}
.locale-changer #dd-slick .dd-pointer-down{
  border-top: solid 5px rgb(255, 255, 255);
}
.locale-changer #dd-slick .dd-option-image{
  width: 20px;
  border-radius: 15%;
}
.locale-changer #dd-slick .dd-option{
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* ----- */

/* Navigation */
.entity-search-bar .multiselect__content-wrapper {background: #1d1d1ff7 !important;     overflow-x: hidden;}

.entity-search-bar .multiselect__content-wrapper .multiselect__element>span{color: #fff;}
.entity-search-bar .multiselect__content-wrapper .multiselect__element>span.multiselect__option--selected{background: var(--kw-unify-light);}
.entity-search-bar .multiselect__content-wrapper{border: none;}

.entity-search-bar .multiselect__option--highlight{background: var(--kw-unify-blue) !important}

.entity-search-bar .second .multiselect__content-wrapper{width: 140px;}

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

/* ---Navigation Ends--- */

.navbar #cartMenu.g-absolute-centered--x {transform: translateX(-66%) !important;}
.navbar #notificationsMenu.g-absolute-centered--x {transform: translateX(-69%) !important;}

.toolbar .dropdown-menu{z-index: 1}

.navbar {flex-wrap:unset};

.name-img.profile-menu{
  color:#efefef !important;
}

.u-header-dropdown-item-v1 {
  border-bottom: 0.002em solid #c1cee4;
}


/* ==================== 4. FORMS & INPUTS ==================== */
/* Selectize (ALL sections consolidated), multiselect, autocomplete, jQuery UI datepicker, placeholder fix (cross-browser), input file name/button, input webkit auto-fill, select2, checkbox/radio overrides (u-check all variants), g-brd-primary--focus, shareholder dev readonly, ownership form locks */

/* Selectize */
.selectize-control.multi .selectize-input>div {
  background: #fff !important;
}

.selectize-dropdown [data-selectable] span.highlight:first-child {background: rgba(125,168,208,.2) !important;}
.selectize-dropdown [data-selectable] span.highlight {background: none !important;}
.selectize-control .item[data-value="access_restricted"] {
    color: red;
}

.selectize-control .create.active{
  padding: 5px 8px;
}

.selectize-control .selectize-input.locked{
  background: var(--kw-grey-surface) !important;
/*  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;*/
  pointer-events: none;
}

/* Multiselect */
.multiselect__tag{background: var(--kw-unify-green) !important;}
.multiselect__option--highlight{background:var(--kw-primary) !important;}
.multiselect__option--selected.multiselect__option--highlight {background: var(--kw-primary) !important;}
.multiselect__option--selected.multiselect__option--highlight::after{background: var(--kw-primary) !important;}
.u-select--v3-select .bs-searchbox input:focus{border-color: var(--kw-primary) !important;}

/* Autocomplete */
.autocomplete-suggestions { border:none; /*border: 1px solid #CBD3DD;*/ border-radius:4px; background: #1d1d1ff7; overflow: auto; min-width: 250px;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer;color: #fff }
.autocomplete-selected { background: var(--kw-unify-blue); }
.autocomplete-suggestions strong:first-child { font-weight: normal; color: #3399FF; }
.autocomplete-suggestions strong { font-weight: normal;}
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Overriding jQuery UI datepicker */
.ui-datepicker-header{
  border: 1px solid transparent;
  border-radius: 0;
  background: var(--kw-unify);
}

.ui-datepicker-title{
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.ui-datepicker-title select{
  background: #fff;
  padding: 1px;
  border: 1px solid var(--kw-border);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ui-widget.ui-widget-content{border: 1px solid var(--kw-unify);}
.ui-corner-all > span{
  color: #fff !important;
}
/* Overriding jQuery UI datepicker Ends */

.js-range-datepicker{background-color: #fff !important;}
.ui-datepicker{z-index: 99999 !important; /*top: 0 !important*/}
.u-datepicker--v2 .ui-datepicker-header{display: block;}
.ui-datepicker .snapshot a{background-color: #e62154 !important;border-color:#e62154 !important;;color: #fff !important;}
.ui-datepicker .snapshot a.ui-state-hover{background-color: #e62154 !important;border-color:#e62154 !important;color: #fff !important;}

/* Placeholder fix */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    var(--kw-grey-placeholder) !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    var(--kw-grey-placeholder) !important;
   opacity:  1 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    var(--kw-grey-placeholder) !important;
   opacity:  1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    var(--kw-grey-placeholder) !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    var(--kw-grey-placeholder) !important;
}

::placeholder { /* Most modern browsers support this now. */
   color:    var(--kw-grey-placeholder) !important;
}

/* Input file name/button */
.input-file-name{
  padding: .5rem 1rem .5rem;
  border-color: #eae9e9;
  font-size: 0.8rem;
  line-height: 1.2;
  height: calc(2rem + 1px);
}
.input-file-button{
    line-height: 1.4;
    padding: 0.2rem 1.0rem;
    font-size: 0.9rem;
}
.file-input{ display: none; }

/* Input webkit auto-fill */
 input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/* Checkbox/radio overrides (u-check all variants) */
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v7, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v7, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v7, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v7, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v7, .u-check input[type="radio"]:checked + .u-check-icon-radio-v7, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v7, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v7 {
    color: #fff;
    background-color: var(--kw-unify-green);
    border-color: var(--kw-unify-green);
}

.toolbar input[type="radio"]:checked + .g-color-primary--checked{border: 1px solid !important;}
input[type="radio"]:checked + * .g-bg-primary--checked {background-color: var(--kw-unify-green) !important;}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6 i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v6 i{ background-color:var(--kw-unify-green) !important; border-color: var(--kw-unify-green); }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v6.readonly i,
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4.readonly i{ background-color:#9aa291 !important; border-color: #9aa291; }
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4.readonly{ border-color: #9aa291;} /* 9aa291 */

.u-check .u-check-icon-checkbox-v6 i {background: #fff;}

.u-check input[type="radio"]:checked + .u-check-icon-radio-v4{ border-color: var(--kw-unify-green);}
.u-check input[type="radio"]:checked + .u-check-icon-radio-v4 i{ background-color:var(--kw-unify-green) !important; border-color: var(--kw-unify-green); }

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8{
  color: var(--kw-unify-green);
  border-color: var(--kw-unify-green);
}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v8 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v8 i::after, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v8 i::after, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]:checked + .u-check-icon-radio-v8 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v8 i::after, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v8 i::after{
  background-color: var(--kw-unify-green);
}

.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + .u-check-icon-radio-v4, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 {
    color: var(--kw-unify-green);
    border-color: var(--kw-unify-green);
}

.u-check-icon-radio-v4{background: #fff;}

.g-brd-primary--focus:focus{border-color: var(--kw-primary) !important;} /*New settings*/

/* Shareholder dev readonly */
.shareholder-section table td input{
  padding-left: 3px !important;
  padding-right: 3px !important;
  text-align: center;
  min-width: 50px;
}

.shareholder-section table td input.sh_dev_vr[readonly]{
  color: #848484;
}

.shareholder-section table td, .representatives-section table td{
  vertical-align: middle;
}
.shareholder-section .table th {padding: .75rem .35rem !important}

/* Ownership Form */
.ownership-form .u-select--v3-select .dropdown-toggle{padding: .280rem .75rem !important;}
.u-select--v3-select .dropdown-toggle{padding: .400rem .75rem !important;}
#suggestions .u-select--v3-select .dropdown-toggle{padding: .280rem 2.35714rem .280rem .75rem !important;}
.modal .u-select--v3-select .dropdown-toggle{padding: .280rem 2.35714rem .280rem .75rem !important;}
.ownership-form th{border-top:none;}

/* Locks: Readonly */
.radio-lock{
  opacity: 0.5;
  pointer-events: none;
}
.button-lock{
  opacity: 0.5;
  pointer-events: none;
}
.vdp-datepicker input[type="text"]:disabled {
  background: var(--kw-grey-surface);
}
.readonly-block{
  opacity: 0.5;
  pointer-events: none;
}

/* Not in use for the moment */
/*.disable.btn-outline-primary:hover{
  background-color: unset !important;
  color: #007AFF !important;
}
.disable.btn-outline-primary:focus{
  box-shadow: unset !important;
}*/

/* Pricing Plans */
.plan-pricing input{
  padding-left: 3px !important;
  padding-right: 3px !important;
}
/* Pricing Plans Ends*/

.error.invalid-feedback{display: block;}
.required-asterisk{color: var(--kw-error);}

.no-focus:focus{box-shadow: none !important;}


/* ==================== 5. TABLES ==================== */
/* Table thead, table-fix-head, table-hover floral-white, table-striped floral-white, u-table--v3, VueTables (ALL vue table styles consolidated), table-info-cards */

.table thead th{
  border-top: none;
  color: var(--kw-text-muted);
  font-weight: 400;
}

/* Global Styles */
.u-table--v1 thead tr th{border-top:none;}

/* Fix head table */
.table-fix-head { overflow-y: auto; max-height: 500px; }
.table-fix-head thead th { position: sticky; top: 0; background:#fff;  }
.table-fix-head table  { border-collapse: collapse; width: 100%; }
/* Fix head table ends */

.table-hover tbody tr:hover .table-floral-white {
    background: #eae8e2 !important;
}

.table-floral-white {background: #fffaf0}
.table-striped tbody tr:nth-of-type(2n+1) td.table-floral-white{background: #f9f1e2;}

[class*="u-table--v3"] td {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

#suggestions [class*="u-table--v3"] td {padding-top:0.5rem;padding-bottom:0.5rem;}

/* Manage Entity Page */
table.table-info-cards tr td{padding: 0.1rem;}

.table tr.no-hover:hover {
    background-color: transparent;
}

table.no-borders tr > th {border:none !important;}
table.no-borders tr > td {border:none !important;}
table.no-borders {border:none;}

table.head-nowrap > thead > tr > th {white-space: nowrap;}

.table.no-padding tr td, .table.no-padding tr th{padding: 0 !important; margin: 0 !important;}

.table.table-sticky-header thead tr:nth-child(1) th{
  background: white;
  position: sticky;
  top: 0;
  z-index: 10;
}

/* Vue Table */
/* Hide Filter & pagination for certain tables */
  #dashboard .VueTables__row.active{
    background: var(--kw-unify-blue) !important;
    color: #fff !important;
  }

.VueTables__table.table-striped tbody tr:nth-of-type(2n) {
    background-color: #f5f9f9;
}
.VueTables__table.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}

#entities-table .VueTables.VueTables--client > div.row:first-child {display: none;}

.VueTables__search-field > label{
  font-weight: 700;
  justify-content: left !important;
}

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

.VueTables__child-row-toggler {
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    margin: auto;
    text-align: center;
}

.VueTables__child-row-toggler--closed::before {
  content: "\e900";
  font-family: "hs-icons", sans-serif !important;
  font-size: 10px;
}

.VueTables__table th, .VueTables__table td{outline: none;}

.VueTables__table .name.has-child::before {
  content: "\e900";
  font-family: "hs-icons", sans-serif !important;
  font-size: 10px;
  margin-right: 25px;
  margin-left: 15px;
}
.VueTables__table .name.no-child::before {
  content: "\e900";
  font-family: "hs-icons", sans-serif !important;
  font-size: 10px;
  margin-right: 25px;
  margin-left: 15px;
  visibility: hidden;
}

.VueTables__child-row-toggler--open::before {
  content: "\e903";
  font-family: "hs-icons", sans-serif !important;
  font-size: 10px;
}

.VueTables.VueTables--client .table-responsive{overflow-x:auto!important;}
.VueTables.VueTables--client div.table-responsive{overflow: hidden;} /* Bug fix: hide scroll */;
.VuePagination{margin-top: 15px;}
.VuePagination nav{margin: auto;}

.VueTables__table{overflow: visible !important;border-left: 1px solid var(--kw-grey-border-light);}
.VueTables__table thead tr th:first-child{display: none;}
.VueTables__table tbody tr:not(.VueTables__child-row) td:first-child{display: none;}
.VueTables__no-results > td{display: table-cell !important;}

.VueTables__table .heading-name .VueTables__heading{margin-left: 50px;}

.VueTables__sort-icon{position: relative;top: 5px;}

.VueTables__table th:nth-child(2){
  border-radius:10px 0 0 0;
}
.VueTables__table th:last-child{
  border-radius:0 10px 0 0;
}
.VueTables__table thead{
  background: #fbfbfb;
}

/*.VueTables__sort-icon {position: absolute;top: 24px;margin-left: 4px;}*/

/*.VueTables__table thead tr th.VueTables__sortable::after {
  content: "\e900";
  font-family: "hs-icons", sans-serif !important;
  font-size: 10px;
  margin-left: 10px;
}*/

/*.VueTables__sort-icon.pull-right.glyphicon.glyphicon-sort{display: none;}*/
/* Vue Table Ends */


/* ==================== 6. BUTTONS ==================== */
/* g-btn base, g-btn-primary, g-btn-secondary, g-btn-high-importance, g-btn-yellow, btn-outline-primary disabled hover, u-btn-outline-secondary, cookie-consent-agree button, g-color-secondary--hover */

.g-btn{
  font-size: 17px;
  line-height: 1.47059;
  font-weight: 400;
  letter-spacing: -.022em;
  font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
  min-width: 30px;
  border-radius: 4px;
}

.g-btn-primary{
  background-color: var(--kw-primary);
  border: 1px solid var(--kw-primary);
  color: #fff;
}
.g-btn-primary:hover{
  background-color: var(--kw-primary);
  border-color: var(--kw-primary);
  text-decoration: none;
  color:#fff;
  opacity: 0.9;
}

.g-btn-secondary{
  background-color: #aeaeb2;
  background: linear-gradient(#aeaeb2,#aeaeb2);
  border: 1px solid #959596;
  color: #fff;
}
.g-btn-secondary:hover{
  background-color: #636366;
  background: linear-gradient(#636366,#636366);
  border-color: #636366;
  text-decoration: none;
}

.g-btn-high-importance{
  background-color: var(--kw-error);
  border: 1px solid var(--kw-error);
  color: #fff;
}
.g-btn-high-importance:hover{
  background-color: var(--kw-error);
  border-color: var(--kw-error);
  text-decoration: none;
  opacity: 0.9;
}

.g-btn-yellow{
  background-color: var(--kw-warning);
  border: 1px solid var(--kw-warning);
  color: #fff;
  opacity: 0.9;
}
.g-btn-yellow:hover{
  background-color: var(--kw-warning);
  border-color: var(--kw-warning);
  text-decoration: none;
  opacity: 1;
}

.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
    color: #fff;
}

.u-btn-outline-secondary,.u-btn-outline-secondary:hover {color:var(--kw-unify-green); border-color:var(--kw-unify-green);}

.js-cookie-consent-agree{
  margin-left:15px;

  background-color: var(--kw-primary);
  border-color: var(--kw-primary);
  color: #fff;
  /* Button Style */
  cursor: pointer;
  position: relative;
  transition: .2s ease;
  display: inline-block;
  font-weight: 400;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
}

.g-color-secondary--hover:hover{color: var(--kw-primary) !important;}

.btn-view-type label span{border:0;}


/* ==================== 7. CARDS & CONTAINERS ==================== */
/* u-card-v1, v-group, mini-profile, cookie consent bar, card gradients (bg-gradient-*), card collapse animation, full_screen_container */

.u-card-v1{
  overflow: unset;
  box-shadow:none;

  /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);*/
  /*-ms-box-shadow: 0 1px 1px rgba(0,0,0,.1);*/
  /*-o-box-shadow: 0 1px 1px rgba(0,0,0,.1);*/
  /*box-shadow: 0 1px 1px rgba(0,0,0,.1);*/
  /*-webkit-transition-duration: .3s;*/
  /*transition-duration: .3s;*/
  /*-webkit-transition-property: -webkit-transform,box-shadow;*/
  /*-webkit-transition-property: -webkit-transform,-webkit-box-shadow;*/
  /*transition-property: -webkit-transform,-webkit-box-shadow;*/
  /*transition-property: transform,box-shadow;*/
  /*transition-property: transform,box-shadow,-webkit-transform,-webkit-box-shadow;*/
  /*-webkit-transition-timing-function: ease-in-out;*/
  /*transition-timing-function: ease-in-out;*/
  border-radius: 15px;
}

.v-group{
  padding: 15px 15px 0 15px;
  margin-bottom: 30px;
  background: var(--kw-bg-muted);
}
.v-group > .row > div:last-child {
  margin-bottom: 15px !important;
}

.mini-profile{
  -webkit-box-shadow: 0 5px 15px 0 rgba(156,169,175,.6);
  box-shadow: 0 5px 15px 0 rgba(156,169,175,.6);
}

/* Cookie Consent */
.js-cookie-consent{
  background: #f7e8d4;
  padding: 20px;
  position: fixed;
  bottom:0;
  width:100%;
  text-align: center;
}

.cookie-consent__message{font-size: 18px;font-weight: 600;position: relative;top: 2px;}
/* Cookie Consent Ends*/

/* Card Gradients */
.bg-gradient-info {
    background: #1ebccd;
    background: linear-gradient(45deg, #1ebccd, #3a55b1) !important;
    background: -webkit-bg-linear-gradient(45deg, #1ebccd, #3a55b1) !important;
}
.bg-gradient-success {
    background: #d0d962;
    background: linear-gradient(45deg, #d0d962, #22af47) !important;
    background: -webkit-bg-linear-gradient(45deg, #d0d962, #22af47) !important;
}
.bg-gradient-warning {
    background: #ffbf36;
    background: linear-gradient(45deg, #ffbf36, #ff6028) !important;
    background: -webkit-bg-linear-gradient(45deg, #ffbf36, #ff6028) !important;
}
.bg-gradient-danger {
    background: #f83f37;
    background: linear-gradient(45deg, #f83f37, #ab26aa) !important;
    background: -webkit-bg-linear-gradient(45deg, #f83f37, #ab26aa) !important;
}
.bg-gradient-unify {
    background: #8c9194;
    background: linear-gradient(45deg, #8c9194, #2c3e50) !important;
    background: -webkit-bg-linear-gradient(45deg, #8c9194, #2c3e50) !important;
}
/* Card Gradients Ends*/

/* Card Collapse */
[data-toggle=collapse].collapsed .fal.fa-angle-down{
  transform: rotate(-90deg);
  transition: .3s transform ease-in-out;
}
[data-toggle=collapse] .fal.fa-angle-down{transition: .3s transform ease-in-out;}
/* Card Collapse Ends*/

/* Full Screen View */
.full_screen_container{
  /*border-radius: .5em;*/
  padding:20px;
  background: #fff;
  min-height: 400px;
}
.full_screen_container.preview{
  min-height: 0px;
}
.full_screen_container .structure{
  height: 100%;
}

.saas.bg-info
{
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 2px;
  background-color: rgba(100, 224, 224, 1)!important;
}

.saas-bg-default {
  background-color: var(--kw-grey-border-light) !important;
}

.g-bg-lightblue-v10-opacity-0_5 {
    background-color: rgba(234, 238, 241, 0.5)!important;
}


/* ==================== 8. MODALS & OVERLAYS ==================== */
/* SWAL (swal2-unify, swal2-title, swal2-overflow), modal-xl, Vue modal (v-modal-mask, wrapper, transitions), dark-loader, overlay (#overlay, #overlay-alt), manage entity modal body, PEP check modal */

/* Overriding Base SWAL CSS */
.swal2-title{font-size:1.675em !important;}
.swal2-unify > div{ padding: 0 0 1.25em 0; }
.swal2-unify .swal2-header{ background: var(--kw-unify);padding: 0.71429rem 1.07143rem;align-items: flex-start;border-top-left-radius: .3125em; border-top-right-radius: .3125em; }
.swal2-unify .swal2-content{padding: 0 1.25em !important;}
.swal2-unify .swal2-header .swal2-title{ color: #fff;font-size: 1.14286rem !important;font-weight: 600; line-height: 22px; margin-bottom: 0px;}
/*.swal2-unify .swal2-header{ padding-top: 1.25em; }*/
.swal2-container [aria-labelledby]{opacity: 1;}
.swal2-overflow {
  overflow-x: visible;
  overflow-y: visible;
}
/* Ends */

.unify-modal-header{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  z-index: 9;
  border-bottom:none;
  background: var(--kw-unify);
  /*
  background: #182848;
  background: -webkit-linear-gradient(to right, #182848, #4b6cb7, #182848) !important;
  background: linear-gradient(to right, #182848, #4b6cb7, #182848) !important;*/

}

.full-modal-dialog {
  width: 98% !important;
  /*height: 92% !important;*/
  min-width: 98% !important;
  /*min-height: 92% !important;*/
  max-width: 98% !important;
  /*max-height: 92% !important;*/
  padding: 0 !important;
}

.full-modal-content {
  /*height: 99% !important;*/
  /*min-height: 99% !important;*/
  /*max-height: 99% !important;*/
}

/* Vue Modal */
.v-modal-mask {
  position: fixed;
  z-index: 1052;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  /* transition: opacity .3s ease; */
}

.v-modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-enter-active, .modal-leave-active {
  /* transition: opacity .3s; */
  z-index:999 !important;
}
.modal-enter, .modal-leave-to{
  opacity: 0;
}
/* Vue Modal Ends */

/* Vue Transitions */
.fade-enter-active, .fade-leave-active {
  /* transition: opacity .3s; */
  z-index:999 !important;
}
.fade-enter, .fade-leave-to{
  opacity: 0;
}
/* Vue Transitions Ends */

#dark-loader {
  opacity: 0.9;
  background: black;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999999;
  display: none;
}

/* For Ajax */
#overlay{
  position: fixed;
  top: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  /*background: rgba(0,0,0,0.6);*/
  display: block;
}

#overlay-alt{
  position: fixed;
  top: 0;
  z-index: 999999999;
  width: 100%;
  height: 100%;
  /*background: rgba(0,0,0,0.6);*/
  display: none;
}
/* For Ajax */

/* Manage/Edit Entity Modal Page */
/*#manual-company-modal .modal-body, #new-natural-person-modal .modal-body { background: #f7f7f7 }
#manual-company-modal .section-break, #new-natural-person-modal .section-break { background: #f7f7f7 }*/
#manual-company-modal .modal-body, #new-natural-person-modal .modal-body { background: #F5F5F5; }
#manual-company-modal .section-break, #new-natural-person-modal .section-break { background: #fff; }
#manual-company-modal .u-select--v3, #new-natural-person-modal .u-select--v3{ background: #fff; }

/* Old Design
#manual-company-modal input.form-control, #new-natural-person-modal input.form-control,#manual-company-modal .u-select--v3, #new-natural-person-modal .u-select--v3 {
  border-radius: 20px;
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}
#manual-company-modal .selectize-input, #new-natural-person-modal .selectize-input{
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  font-size: 14px !important;
  padding: 11px !important;
  border-color: var(--kw-grey-border-light) !important;
}
#manual-company-modal .selectize-input.input-active, #new-natural-person-modal .selectize-input.input-active{
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
}
#manual-company-modal input:focus, #new-natural-person-modal input:focus{
  box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
}
Old Design ENDS
*/
/* Manage/Edit Entity Modal Page Ends */

/* PEP check Modal */
.pep-check-table img{max-width: 120px;max-height: 160px;overflow: hidden;}
.pep-check-table tr td{padding: 1px 8px !important;font-family: lato;}
/* PEP check Modal Ends*/

#suggestions_v2 .modal-content{min-height: 400px;}
#suggestions_v2{z-index: 9999;}

#orgchart-modal .modal-lg{
  max-width: 90% !important;
}


/* ==================== 9. SPINNERS & LOADING ==================== */
/* lds-spinner (all 12 rotations + keyframes), fullscreen-loading (overlay + spinner), loading-animation keyframes, shadow-pulse keyframes */

/* Full Screen Loading starts */
.fullscreen-loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.fullscreen-loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--kw-unify);
}

/* :not(:required) hides these rules from IE9 and below */
.fullscreen-loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.fullscreen-loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}
/* Full Screen Loading ends */

/* CSS Spinner v2 */
.lds-spinner.ajax {
  width: 64px;
  height: 64px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
  /*display: none;*/
}

.lds-spinner.raw {
  width: 64px;
  height: 64px;
  z-index: 9999;
  position: relative;
  margin: auto;
  top: 100px;
}

.lds-spinner div {
  transform-origin: 32px 32px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 5px;
  height: 14px;
  border-radius: 20%;
  background: var(--kw-primary);
}
.lds-spinner.varient-white div:after {
 background: #fff;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Css spinner v2 ends */

@keyframes loading-animation {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.loading-animation {
  color: transparent;
  background: linear-gradient(100deg, #eceff1 30%, #f6f7f8 50%, #eceff1 70%);
  background-size: 400%;
  animation: loading-animation 1.2s ease-in-out infinite;
}

/* Custom animation */
@keyframes shadow-pulse-solid
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse {
  from {
    transform: scale3d(1, 1, 1);
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-simple {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.shadow-pulse{animation: shadow-pulse 1.5s infinite;}
.shadow-pulse-simple{animation: shadow-pulse-simple 1.5s infinite;}
.shadow-pulse-solid{animation: shadow-pulse-solid 1.5s infinite;}
/* Custom animation Ends */


/* ==================== 10. AVATARS ==================== */
/* .name-img (a-z light backgrounds), .color-1 through .color-26, .name-img base padding, .letter-icon, .icon-cr, .icon-me — DECORATIVE, not tokenized */

/* Light Backgrounds: https://www.designwizard.com/blog/design-trends/colour-combination */
.a.name-img{ background: #FFBA52FF; color: #fff !important;}
.b.name-img{ background: #F7CED7FF; color: #545454 !important;}
.c.name-img{ background: #F3DB74FF; color: #fff !important;}
.d.name-img{ background: #E69A8DFF; color: #fff !important;}
.e.name-img{ background: #42EADDFF; color: #fff !important;}
.f.name-img{ background: #CDB599FF; color: #fff !important;}
.g.name-img{ background: #ADEFD1FF; color: #fff !important;}
.h.name-img{ background: #D6ED17FF; color: #fff !important;}
.i.name-img{ background: #97BC62FF; color: #fff !important;}
.j.name-img{ background: #EEA47FFF; color: #fff !important;}
.k.name-img{ background: #9CC3D5FF; color: #fff !important;}
.k.name-img{ background: #D198C5FF; color: #fff !important;}
.m.name-img{ background: #E0C568FF; color: #fff !important;}
.n.name-img{ background: #CBCE91FF; color: #fff !important;}
.o.name-img{ background: #eaaebbFF; color: #fff !important;}
.p.name-img{ background: #89ABE3FF; color: #fff !important;}
.q.name-img{ background: #B1B3B3FF; color: #fff !important;}
.r.name-img{ background: #D4B996FF; color: #fff !important;}
.s.name-img{ background: #A2A2A1FF; color: #fff !important;}
.t.name-img{ background: #C7D3D4FF; color: #fff !important;}
.u.name-img{ background: #FAD0C9FF; color: #545454 !important;}
.v.name-img{ background: #FFD662FF; color: #fff !important;}
.w.name-img{ background: #FFA177FF; color: #fff !important;}
.x.name-img{ background: #F5C7B8FF; color: #545454 !important;}
.y.name-img{ background: #E3C9CEFF; color: #545454 !important;}
.z.name-img{ background: #EDC2D8FF; color: #545454 !important;}

.color-1{ background: #FFBA52FF; color: #fff !important;}
.color-2{ background: #F7CED7FF; color: #545454 !important;}
.color-3{ background: #F3DB74FF; color: #fff !important;}
.color-4{ background: #E69A8DFF; color: #fff !important;}
.color-5{ background: #42EADDFF; color: #fff !important;}
.color-6{ background: #CDB599FF; color: #fff !important;}
.color-7{ background: #ADEFD1FF; color: #fff !important;}
.color-8{ background: #D6ED17FF; color: #fff !important;}
.color-9{ background: #97BC62FF; color: #fff !important;}
.color-10{ background: #EEA47FFF; color: #fff !important;}
.color-11{ background: #9CC3D5FF; color: #fff !important;}
.color-12{ background: #D198C5FF; color: #fff !important;}
.color-13{ background: #E0C568FF; color: #fff !important;}
.color-14{ background: #CBCE91FF; color: #fff !important;}
.color-15{ background: #eaaebbFF; color: #fff !important;}
.color-16{ background: #89ABE3FF; color: #fff !important;}
.color-17{ background: #B1B3B3FF; color: #fff !important;}
.color-18{ background: #D4B996FF; color: #fff !important;}
.color-19{ background: #A2A2A1FF; color: #fff !important;}
.color-20{ background: #C7D3D4FF; color: #fff !important;}
.color-21{ background: #FAD0C9FF; color: #545454 !important;}
.color-22{ background: #FFD662FF; color: #fff !important;}
.color-23{ background: #FFA177FF; color: #fff !important;}
.color-24{ background: #F5C7B8FF; color: #545454 !important;}
.color-25{ background: #E3C9CEFF; color: #545454 !important;}
.color-26{ background: #EDC2D8FF; color: #545454 !important;}

.name-img {
  text-align: center;
  font-family: 'Roboto Mono', monospace;
  font-style: normal;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  line-height: 1;
}

.letter-icon{
  font-weight: 800;
}
.letter-icon sub{
  font-size: 9px;
}

.icon-cr{
  font-weight: 600;
  color: #fff;
  background: #000000;
  border-radius: 20px;
  padding: 4px 5px;
  font-size: 9px;
  margin-left: 10px;
}

.icon-me{
  font-weight: 600;
  color: #fff;
  background: #333333;
  border-radius: 20px;
  padding: 4px 4px;
  font-size: 9px;
  margin-left: 10px;
}

i.fa-info-circle {position:relative;bottom: 6px; cursor: pointer;}
.trup{position: relative;bottom: 6px;}
.letter-icon.trup{font-size: 10px;}


/* ==================== 11. RISK ASSESSMENT ==================== */
/* numberCircle (low/medium/high/ultra-high/default/file-score), risk-meter bars, risk-text colors, risk buttons (u-btn-outline-low/medium/high/ultra-high/na/null), result-bar + legend, chart key results */

.numberCircle {
    display: inline-block;
    border-radius: 50%;
    /* PIE.htc removed — IE8 polyfill no longer needed */

    width: 13px;
    height: 13px;
    padding: 2px;

    color: #fff;
    text-align: center;

    font: 7px Arial, sans-serif;
}

.numberCircle.low{background: var(--kw-risk-low); border: 2px solid var(--kw-risk-low);}
.numberCircle.medium{background: var(--kw-risk-medium); border: 2px solid var(--kw-risk-medium);}
.numberCircle.high{background: var(--kw-risk-high); border: 2px solid var(--kw-risk-high);}
.numberCircle.ultra-high{background: var(--kw-risk-ultra-high); border: 2px solid var(--kw-risk-ultra-high);}
.numberCircle.default{background: var(--kw-primary); border: 2px solid var(--kw-primary);}

.numberCircle.file-score{background:none !important; border-width: 3px !important;}

/*.risk-meter{display: inline-flex; margin-left: 4px;}*/
.risk-meter{display: none;}
.risk-meter > div{width: 3px; height: 12px; margin-left:2px; background: var(--kw-grey-placeholder);}
.risk-meter.ultra-high > div {background: var(--kw-risk-ultra-high);}
.risk-meter.high > div:nth-child(-n+3) {background: var(--kw-risk-high);}
.risk-meter.medium > div:nth-child(-n+2) {background: var(--kw-risk-medium);}
.risk-meter.low > div:nth-child(-n+1) {background: var(--kw-risk-low);}

.risk-text{font-weight: 800; margin-left: 5px;}
.risk-text.low{color: var(--kw-risk-low);}
.risk-text.medium{color: var(--kw-risk-medium);}
.risk-text.high{color: var(--kw-risk-high);}
.risk-text.ultra-high{color: var(--kw-risk-ultra-high);}

/* Business Connect */
.bc-active-role .risk-text{
  filter: brightness(200%);
}
/* Business Connect Ends */

/* Risk Buttons */
.u-btn-outline-low:hover {
  color: #fff;
  background-color: var(--kw-risk-low);
}
.u-btn-outline-low {
  color: var(--kw-risk-low);
  border-color: var(--kw-risk-low);
  background-color: transparent;
}
.u-btn-outline-ultra-high {
    color: var(--kw-risk-ultra-high);
    border-color: var(--kw-risk-ultra-high);
    background-color: transparent;
}
.u-btn-outline-ultra-high:hover {
    color: #fff;
    background-color: var(--kw-risk-ultra-high);
}
.u-btn-outline-high {
    color: var(--kw-risk-high);
    border-color: var(--kw-risk-high);
    background-color: transparent;
}
.u-btn-outline-high:hover {
    color: #fff;
    background-color: var(--kw-risk-high);
}
.u-btn-outline-medium {
    color: var(--kw-risk-medium);
    border-color: var(--kw-risk-medium);
    background-color: transparent;
}
.u-btn-outline-medium:hover {
    color: #fff;
    background-color: var(--kw-risk-medium);
}
.u-btn-outline-na {
    color: #333;
    border-color: #333;
    background-color: transparent;
}
.u-btn-outline-na:hover {
    color: #fff;
    background-color: #333;
}
.u-btn-outline-null {
    color: #333;
    border-color: #333;
    background-color: transparent;
}
.u-btn-outline-null:hover {
    color: #fff;
    background-color: #333;
}
/* Risk Button Ends */

/* Risk Settings */
.sort-both::after {
  content: "\f0dc";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 10px;
  margin-left: 10px;
}
.sort-both-before::before {
  content: "\e900";
  font-family: "hs-icons", sans-serif !important;
  font-size: 10px;
  margin-right: 10px;
}
/* Risk Settings Ends */

#risk-countries .u-table--v1 td{padding: 4px;}

/* Chart Key Results */
.result-bar{width:100%;display: flex;border: 1px solid #000000;height: 20px;padding: 0;margin-bottom: 6px;}
.result-bar li{list-style-type: none; color: #000; cursor: pointer;}
.result-bar .natural{background-color: var(--kw-entity-natural); }
.result-bar .unspecified{background-color: var(--kw-entity-unspecified); border-left: 1px solid #000;}
.result-bar .undefined{background-color: var(--kw-entity-undefined);}
.result-bar .vr_undefined{background-color: var(--kw-entity-undefined);}
.legend{display: flex;justify-content: space-evenly;align-items: center;padding: 0;margin: 0;flex-wrap: wrap;}
.legend li {font-size: 12px;list-style-type: none; color: #000;}
.legend li label{width: 10px;height: 10px;background-color: #000;display: inline-block;border-radius: 100%;margin: 0px 3px 0px 0px;}

.legend label.natural{background-color: var(--kw-entity-natural);}
.legend label.unspecified{background-color: var(--kw-entity-unspecified);}
.legend label.vr_undefined{background-color: var(--kw-entity-undefined);}
.legend label.undefined{background-color: var(--kw-entity-undefined);}


/* ==================== 12. CHARTS & VISUALIZATION ==================== */
/* Gauge/canvas (ros-guage, rvr-guage, t-score), transparency meter (circular-chart, circle-bg, percentage), chartist fills (ct-natural/undefined/unspecified), chart preview fade, shareholder distribution modal legend */

/* Guage */
#ros-guage, #rvr-guage {
	width: 100%;
}
.canvas-container{
    background: #fff;
    position: relative;
    color: #fff;
    float: left;
    width: 380px;
/*    height: 320px;*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    clear: both;
}
.t-score{position: absolute;bottom:36px;left:0;right:0;margin-left:auto;margin-right:auto;}

/* chartist */
.ct-natural{fill: var(--kw-entity-natural)}
.ct-undefined{fill: var(--kw-entity-undefined)}
.ct-unspecified{fill: var(--kw-entity-unspecified)}

/* Transparency Meter */
.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
  width: 190px;
  margin: auto;
  justify-content: center;
  margin-bottom: 5px;
}

.single-chart {
  width: 37%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 0px 10px;
  /*max-width: 40%;*/
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #fff;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  /*animation: progress 1s ease-out forwards;*/
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke: #ff9f00;
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.circular-chart.secondary .circle {
  stroke: var(--kw-unify-green);
}

.percentage {
  fill: #666;
  /*font-family: sans-serif;*/
  font-size: 0.5em;
  text-anchor: middle;
}
/* Transparency Meter Ends */

/* Chart Preview Fade effect */

#section-preview-type-sticky-wrapper.is-sticky {
  display: flex;
  justify-content: center;
}

/*#chart-container-b2t {background: #fff;}*/
.full_screen_container.preview .orgchart{background: #fff !important;}
.full_screen_container.preview .chart-container{min-height: 210px !important; max-height: 210px !important; background: #fff; border: 10px solid #fff;}

/*#chart-container-preview-sticky-wrapper:before{
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgb(236,241,245);
  background: -moz-linear-gradient(90deg, rgba(236,241,245,1) 10%, rgba(236,241,245,0) 100%, rgba(236,241,245,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(236,241,245,1) 10%, rgba(236,241,245,0) 100%, rgba(236,241,245,0) 100%);
  background: linear-gradient(90deg, rgba(236,241,245,1) 10%, rgba(236,241,245,0) 100%, rgba(236,241,245,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  width: 27%;
  height: auto;
  bottom: 0;
}

#chart-container-preview-sticky-wrapper:after{
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  background: rgb(236,241,245);
  background: -moz-linear-gradient(90deg, rgba(236,241,245,0) 0%, rgba(236,241,245,0) 0%, rgba(236,241,245,1) 90%);
  background: -webkit-linear-gradient(90deg, rgba(236,241,245,0) 0%, rgba(236,241,245,0) 0%, rgba(236,241,245,1) 90%);
  background: linear-gradient(90deg, rgba(236,241,245,0) 0%, rgba(236,241,245,0) 0%, rgba(236,241,245,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  width: 27%;
  height: auto;
  bottom: 0;
}*/

/* Result Page Module (Shareholder Distribution) */
#shareholder-distribution-modal label.legend-label {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin: 0px 0px 0px 0px;
}

/* Overrided to allow scroll possible */
#shareholder-distribution-modal .table th{ vertical-align: top; }
#shareholder-distribution-modal .table-responsive, #all-results .table-responsive {overflow: auto;overflow-x: auto;}

.qr-code svg{/*margin-left:-7px;*/ margin-top: 10px;}


/* ==================== 13. CHAT ==================== */
/* #chat, #viewChatHistory, chat-list-item, contacts-search-results, chat-group-popup, #emptyChat, noty overrides */

#chat, #viewChatHistory { display: none; }
.chat-list-item {}

.chat-list-item:hover, .chat-list-item.active {
  cursor: pointer;
  background: #f5f9f9;
  background-color: #f5f9f9;
}

#emptyChat {
  background: rgba(158, 231, 243, 0.7);
}

.chat-group-popup .modal-content .modal-footer{ border-top: 1px solid rgba(0, 0, 0, 0.1); }
.chat-group-popup .modal-content .modal-header{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.contacts-search-results {
  z-index: 9999;
  width: 100%;
  background: #fff;
  color: #000;
  max-height: 200px;
  overflow-y: scroll;
  left: 0%;
  display: none;
}

.contacts-search-results .contact-list:hover{
  cursor: pointer;
  opacity: 1;
  background: rgba(28, 201, 228, 0.7);
}

.contacts-search-results .contact-list.sa{
  background: rgba(240, 137, 163, 1);
}

.contacts-search-results .contact-list{
  border-bottom: 1px solid #8be6f5;
  padding: 10px;
  width: 100%;
  float: left;
  opacity: 0.7;
}

.contacts-search-results .contact-list span{
  display: block;
  float: left;
}

.contacts-search-results .contact-list .contact-name{}

.contacts-search-results .contact-list .contact-role{
  font-size: 10px;
  padding-left: 10px;
}

.contacts-search-results .contact-list .message-contact{
  float: right;
  background: #f5f9f9;
  font-size: 12px;
  padding: 2px 5px;
  text-transform: uppercase;
  border-radius: 10%;
  border: 1px solid #8be6f5;
}


/* ==================== 14. NOTIFICATIONS ==================== */
/* notification-container, dark .notification-list, noty layout width */

/* Notifications Page */
.notification-container ul li.active{
  background: #edf2fa;
}
/* Notifications Page Ends */

/* Notifications */
.dark .notification-list.new{
  background: #28334a;
}

.notification-list.new{
/*  background: #007aff2e;*/
}
/* NOtification Ends */

.noty_body{margin-right: 20px !important; }
#noty_layout__topCenter{width: 350px !important;}

[class*="noty_theme__unify--v1"] {
  padding: 0.5rem 1rem !important;
}

/*Bug Fix after Gulp change*/
.noty_type__error.noty_theme__unify--v1 {
    background-color: #e62154 !important;
}
.noty_type__success.noty_theme__unify--v1 {
  background-color: var(--kw-unify-green) !important;
}


/* ==================== 15. UTILITIES ==================== */
/* Width helpers (full-width, col-large, col-short, w-50 to w-90), min-width helpers, stop-scrolling, clear-both, cursor-pointer/pointer, no-pointer-events, text-blur, overflow utilities, flex utilities, z-index, .locked, horizontal progress bar dots, vertical-line, sticky-header-wrapper, short-align-fix */

/* Disable Scroll */
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}
/* Disable Scroll Ends */

.full-width{
  width: 100% !important;
}

.col-large{width: 40% !important;}
.col-short{width: 80px !important;}

.w-1{width: 1%!important;}
.w-5{width: 5%!important;}
.w-10{width: 10%!important;}
.w-15{width: 15%!important;}
.w-20{width: 20%!important;}
.w-30{width: 30%!important;}
.w-35{width: 35%!important;}
.w-40{width: 40%!important;}
.w-45{width: 45%!important;}
.w-50{width: 50%!important;}
.w-60{width: 60%!important;}
.w-70{width: 60%!important;}
.w-80{width: 60%!important;}
.w-90{width: 60%!important;}

.min-width-100{min-width: 100px;}
.min-width-110{min-width: 110px;}
.min-width-120{min-width: 120px;}
.min-width-130{min-width: 130px;}
.min-width-140{min-width: 140px;}
.min-width-150{min-width: 150px;}
.min-width-160{min-width: 160px;}
.min-width-170{min-width: 170px;}
.min-width-180{min-width: 180px;}
.min-width-190{min-width: 190px;}
.min-width-200{min-width: 200px;}

.clear-both{
  clear: both !important;
}

.cursor-pointer {cursor: pointer;}

.pointer{cursor: pointer !important;}

.no-pointer-events{
  pointer-events:none;
  color: #8c8686;
}

.unclickable{cursor: not-allowed;pointer-events: none;}

.text-blur, .text-blur > * {
  color: transparent !important;
  text-shadow: 0 0 5px rgba(0,0,0,0.5) !important;
  user-select: none !important;
  -moz-user-select: none !important;
  font-weight: inherit !important;
  pointer-events: none;
}

.overflow-x-auto {overflow-x: auto !important;}
.overflow-y-auto {overflow-y: auto !important;}

.flex-item-equal {flex: 1 1 0;width: 0;}

.flex-direction-column{
  flex-direction: column;
}

.z-index-9{z-index: 9 !important}

.locked *{
  pointer-events: none;
}
.locked .s-name a,.locked .u-accordion a, .locked a.link-snap , .locked #accordion-export *, .locked .btn-unlock{
  pointer-events: all;
}
.locked {
  opacity: 0.8;
}

/* Horizontal Progress Bar */
.order-status-progress .u-dot-line-v1__inner{
  width: 16px;
  height: 16px;
}

.order-status-progress .u-dot-line-v1__inner::before{
  width: 6px;
  height: 6px;
}
/* Horizontal Progress Bar Ends*/

.vertical-line { width:100%; text-align:center; border-bottom: 1px solid #eee; line-height:0.1em; margin:0px 0px 30px; }
.vertical-line span { background:#fff; padding:0 10px; position: relative; top:9px;}

.short-align-fix {margin-left: -9px;}

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

.list-style-none{list-style: none;}

.pull-right {
    float: right;
}

.active-dot{
  background-color:#98e247 !important;
}

.tooltip-icon{
  position: relative;
  bottom: 6px;
  font-size: 12px;
  color: rgba(0,0,0,.54);
}

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

.u-accordion .u-file-attach-v3{
  padding: 0.71429rem !important;
}

.js-result-list__item h3{
  width: 11ch;
  overflow: hidden;
}

/* Floating Button */
.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
  z-index: 9;
}

.my-float{
  margin-top:22px;
}

/*.fab {
   width: 70px;
   height: 70px;
   border-radius: 50%;
   box-shadow: 0 6px 10px 0 #666;

   font-size: 50px;
   line-height: 70px;
   color: white;
   text-align: center;

   position: fixed;
   right: 50px;
   bottom: 50px;

  transition: all 0.1s ease-in-out;
}

.fab:hover {
   box-shadow: 0 6px 14px 0 #666;
   transform: scale(1.05);
}*/

.representatives-section .table-responsive li > div{position: relative;margin-left:15px;bottom: 22px;color: var(--kw-unify); font-size: 16px;}

/*
  Main structure chart Toolbar
*/

.u-toolbar > div{margin-top: 8px !important;}
/*.u-toolbar > div.t-button{margin:0 1%;}*/

.u-toolbar div.t-button{
  margin-left: 5px;
  border:1px solid #e6e6e6;
  border-radius: 10px;
  padding: 5px;
  min-height: 63px;
  min-width: 93px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: white;

  /*background: -moz-linear-gradient(270deg, #ffffff 0%, #F5F5F5 100%); !* ff3.6+ *!*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #F5F5F5)); !* safari4+,chrome *!*/
  /*background: -webkit-linear-gradient(270deg, #ffffff 0%, #F5F5F5 100%); !* safari5.1+,chrome10+ *!*/
  /*background: -o-linear-gradient(270deg, #ffffff 0%, #F5F5F5 100%); !* opera 11.10+ *!*/
  /*background: -ms-linear-gradient(270deg, #ffffff 0%, #F5F5F5 100%); !* ie10+ *!*/
  /*background: linear-gradient(180deg, #ffffff 0%, #F5F5F5 100%); !* w3c *!*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F5F5F5',GradientType=0 ); !* ie6-9 *!*/
}

.u-toolbar div.t-button:hover{
  /*background: -moz-linear-gradient(270deg, #F5F5F5 0%, #ffffff 100%); !* ff3.6+ *!*/
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5F5F5), color-stop(100%, #ffffff)); !* safari4+,chrome *!*/
  /*background: -webkit-linear-gradient(270deg, #F5F5F5 0%, #ffffff 100%); !* safari5.1+,chrome10+ *!*/
  /*background: -o-linear-gradient(270deg, #F5F5F5 0%, #ffffff 100%); !* opera 11.10+ *!*/
  /*background: -ms-linear-gradient(270deg, #F5F5F5 0%, #ffffff 100%); !* ie10+ *!*/
  /*background: linear-gradient(180deg, #F5F5F5 0%, #ffffff 100%); !* w3c *!*/
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#ffffff',GradientType=0 ); !* ie6-9 *!*/
}

/*
  Main structure chart Toolbar Ends
*/

.toolbar{align-items: center;    margin-bottom: 13px;}
.toolbar .flex-wrapper{margin-bottom: 0px !important}
.toolbar .btn-settings.pointer{    margin-top: 5px;}


/* ==================== 16. STRIPE ELEMENTS ==================== */
/* StripeElement base, --focus, --invalid, --webkit-autofill */

/* Stripe Elemnts */
.StripeElement {
  box-sizing: border-box;

  height: 40px;

  padding: 10px 12px;

  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
/* Stripe Elemnts Ends */


/* ==================== 17. UNIFY THEME COLORS ==================== */
/* g-color-unify, g-bg-unify, g-bg-unify-light, g-bg-unify--transparent, g-bg-unify-btn--nav, u-header-icon-v1.active, g-bg-lightblue-v10 */

.g-color-unify{color:var(--kw-unify) !important;}
.g-brd-unify{border-color:var(--kw-unify) !important;}
.g-bg-unify{background:var(--kw-unify) !important;}
.g-bg-unify-blue{background:var(--kw-unify-blue) !important;}
.g-bg-unify-btn--nav{background:var(--kw-unify-blue) !important;}
.g-bg-unify-btn--nav:hover{background:#1e83ea !important;}
.g-bg-unify--hover:hover{background:var(--kw-unify) !important;}
.g-bg-unify--transparent{background:#1d1d1ff7 !important;}
.g-bg-unify-light{background:var(--kw-unify-light) !important;}
.g-bg-unify-light--hover:hover{background:var(--kw-unify-light) !important;}

.u-header-icon-v1.active {
     background-color: var(--kw-unify-light) !important;
}


/* ==================== 18. RESPONSIVE / MEDIA QUERIES ==================== */
/* ALL @media blocks consolidated here, ordered: desktop (1281px+), laptop (1025-1280px), tablet (768-1024px), mobile (320-767px) */

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  .g-line-height-1_2{
    line-height:unset !important;
  }
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

}

@media (min-width: 1024px){
  .t-flex-basis-220{flex-basis: 220px;}
}

@media (max-width: 1024px){
  .u-toolbar{justify-content: center !important;}
  .u-toolbar .t-button{margin:0 3px;}
  .u-toolbar div.t-break{height: 0; flex-basis: 100%;}
  .t-ord-1 {order: 1;}
  .t-ord-2 {order: 2;}
  .t-ord-3 {order: 3;}
  .t-ord-4 {order: 4;}
  .t-ord-5 {order: 5;}
  .t-ord-6 {order: 6;}
  .t-ord-7 {order: 7;}
  .flex-lg-grow-1--down{flex-grow: 1};

}

/* Edit Page */
@media (max-width: 1024px){
  .basedata-section-flexbox{flex-direction: column;}
  .basedata-section-flexbox > * {margin-right: 0px !important; margin-bottom: 10px;}
}

@media (min-width: 992px){
  #shareholder-distribution-modal .modal-lg {
      max-width: 1028px;
  }
  #new-entity .modal-lg {
      max-width: 1028px;
  }
  #suggestions_v2 .modal-dialog{max-width: 86%;}
}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  #shareholder-distribution-modal table{width:900px;}
  #shareholder-distribution-modal table tr th{white-space:nowrap;}
  #shareholder-distribution-modal table tr td{white-space:nowrap;}

  #all-results table {width:900px;}
  #all-results table tr th{white-space:nowrap;}

  /*
  #manual-company-modal .modal-body {overflow-y: auto;height: 85vh !important;}
  #manual-company-modal{overflow-y: hidden !important;}
  */

  .shareholder-section .table-responsive, .representatives-section .table-responsive{overflow-x: auto !important;overflow: auto !important ;}

  .btn-settings{font-size: 12px}
  .flex-wrapper{width:100%;}
  .single-chart { width: 50%;}
  .circular-chart{margin: 0px 1px;max-height: 45px;}
  .btn-view-type label span{    padding: 9px 5px;    font-size: 10px;}
  .btn-view-type label span.direction{padding: 0}
  .toolbar-btns .rounded{    padding: 7px 10px !important;    font-size: 15px;}
  .toolbar-btns .legenddd{    padding: 7px 14px !important;}

  #suggestions_v2 .modal-dialog, #manual-company-modal .modal-dialog{ max-width: 95% !important;}
  #new-natural-person-modal .modal-dialog  {max-width: 90% !important;}
  body.modal-open{overflow: hidden;position: fixed !important;}

  /*.u-toolbar > div.t-button{margin:15px 2% 0 2% !important;}*/

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /*.u-toolbar > div.t-button{margin:15px 5% 0 5% !important;}*/

}

@media (min-width:768px){
  .u-info-v9-3{position:relative}
  .u-info-v9-3::before{position:absolute;top:109px;left:17%;width:66%;border-top:1px dotted #ddd;content:" "}
}
@media (min-width:768px){
  .u-info-v9-4{position:relative}
  .u-info-v9-4::before{position:absolute;top:109px;left:13%;width:74%;border-top:1px dotted #ddd;content:" "}
}
@media (min-width:768px){
  .u-info-v9-5{position:relative}
  .u-info-v9-5::before{position:absolute;top:109px;left:11%;width:78%;border-top:1px dotted #ddd;content:" "}
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
    /*max-width:1200px;*/
    max-width:90vw;
  }
}

@media (min-width: 576px){
  #shareholder-distribution-modal .modal-lg {
      max-width: 90%;
  }
}

@media (min-width: 576px){
  .g-width-440--sm {
      width: 440px !important;
  }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

}