@charset "UTF-8";
/* The holder in which all partial SASS files are included that actually gets compiled */
@import "https://fonts.googleapis.com/css?family=Lato:400,300,700&subset=latin,latin-ext";
@import "https://fonts.googleapis.com/css?family=Signika:400,300,600&subset=latin,latin-ext";
@import "https://fonts.googleapis.com/css?family=Cabin:400,700";
/* Site Colors (Font Colors & Site Elements) */
/* Site Fonts */
/* CSS3 Animated Transitions */
/* CSS3 Box Shadow */
/* CSS3 Blur */
/* CSS3 Border Radius */
/* CSS3 Translate */
/* CSS3 Rotate */
/* CSS3 Linear Gradient */
/* CSS3 Columns */
/* CSS3 Inset Box Shadow */
/* Select Appearance */
/* Basic Styles Reset */
html, body {
  width: 100%;
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: 0 !important;
}

a {
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -ms-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

img {
  display: block;
  border: 0;
}

br, hr {
  display: none;
}

/* Content Holders & HTML5 Elements */
div, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
  zoom: 1;
}

div:after, article:after, aside:after, details:after, figcaption:after, figure:after, footer:after, header:after, hgroup:after, main:after, nav:after, section:after, summary:after {
  content: " ";
  display: block;
  clear: both;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]), [hidden], template {
  display: none;
  height: 0;
}

/* Form Elements */
button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

fieldset {
  display: block;
  padding: 0;
}

legend {
  display: block;
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

/* Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/* Drupal Shitty Fixes */
div.ajax-progress {
  display: none !important;
}

div#toolbar {
  box-sizing: content-box !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

div.toolbar-shortcuts:after {
  clear: none !important;
}

div.toolbar-drawer {
  height: 34px !important;
}

body.logged-in #header {
  top: 64px !important;
}

.form-item,
.form-actions,
label {
  margin: 0;
}

.profile {
  padding: 100px 50px 50px;
  margin: 0;
}
.profile h3 {
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.accordion-open-all::after, .my-accordion .accordion-header::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  transition: transform 0.3s ease-out;
}

.accordion-open-all {
  position: relative;
  left: 20px;
  cursor: pointer;
}
.accordion-open-all::after {
  top: 5px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.accordion-open-all.active::after {
  transform: translateY(50%) rotate(-135deg);
}

.my-accordion .accordion-item {
  padding: 10px 0;
  border-bottom: 1px solid #c7c7c7;
}
.my-accordion .accordion-item.spacer {
  padding: 10px 15px;
}
.my-accordion .accordion-item .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}
.my-accordion .accordion-item .accordion-header::after {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
.my-accordion .accordion-item .accordion-header, .my-accordion .accordion-item .accordion-header label {
  cursor: pointer;
}
.my-accordion .accordion-item.active .accordion-header::after {
  transform: translateY(50%) rotate(-135deg);
}
.my-accordion .accordion-item .accordion-content {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.my-accordion .accordion-item .accordion-content .accordion-max-height {
  max-height: 150px;
  overflow-y: auto;
}
.my-accordion .accordion-item .accordion-content .info-block-content {
  border: none;
}

/* The site logo + the toggle to show/hide the navigation */
#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 175px;
  height: 80px;
  background: url(../images/logo.png) 45px 18px no-repeat;
  background-size: 105px 45px;
  border-right: 1px solid #ededed;
}
#logo a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(about:blank);
}

.loading-animation, .box-autocomplete.loading::after {
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 1px solid black;
  border-top: 0;
  border-right: 0;
  border-radius: 50%;
  animation-duration: 0.4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.toggle {
  display: block;
  position: absolute;
  top: 21px;
  left: 0;
  width: 24px;
  height: 38px;
  border: 0;
  padding: 0;
  background: none;
  z-index: 5;
}
.toggle:hover {
  background: none;
}
.toggle span {
  display: block;
  position: relative;
  width: 24px;
  height: 8px;
  background: #95c33f;
}
.toggle span:before, .toggle span:after {
  display: block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 8px;
  background: #95c33f;
  content: "";
}
.toggle span:before {
  top: -15px;
}
.toggle span:after {
  top: 15px;
}

.member_icon_div {
  /*min-width:20%;
    width:20%;*/
  min-width: 100px;
  display: inline-table;
  /*padding-left:3px;
    padding-right:3px;*/
}

/* Site's navigation styles */
#aside-first {
  position: fixed;
  top: 80px;
  left: -175px;
  width: 175px;
  height: calc(100% - 80px);
  background: #f5f5f5;
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -ms-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  z-index: 10;
}

#user-main-nav ul {
  display: block;
  list-style: none;
}
#user-main-nav li {
  display: block;
  position: relative;
}
#user-main-nav li.dropdown ul {
  display: none;
}
#user-main-nav li.dropdown li {
  background: #dddddd;
}
#user-main-nav li.dropdown li:last-child {
  border-bottom: none;
}
#user-main-nav li.dropdown li a {
  font-size: 13px;
}
#user-main-nav li.dropdown li a:before {
  content: "\f105";
  display: inline-block;
  color: #71ac00;
  text-align: center;
  font-family: "Fontawesome";
  margin-right: 10px;
  position: relative;
}
#user-main-nav li.dropdown li.current {
  background: #595959;
}
#user-main-nav li.dropdown:after {
  content: "\f0da";
  display: inline-block;
  color: #71ac00;
  text-align: center;
  font-family: "Fontawesome";
  font-size: 19px;
  position: absolute;
  right: 15px;
  top: 10px;
}
#user-main-nav li.dropdown:hover:after, #user-main-nav li.dropdown.current:after {
  content: "\f0d7";
  right: 15px;
  top: 11px;
}
#user-main-nav li.dropdown:hover > ul {
  display: block;
}
#user-main-nav li.current {
  background: #595959;
}
#user-main-nav li.current > a {
  color: #fff;
  background: none !important;
}
#user-main-nav li.current ul {
  display: block;
}
#user-main-nav a {
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #4c4c4c;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#user-main-nav a:hover {
  color: #fff;
  background-color: #9fd118;
}

/* These are the view toggles that show/hide each block separately on the Family Members form */
#view-toggles {
  position: fixed;
  top: 80px;
  left: 0;
  width: 175px;
  overflow: hidden;
}
#view-toggles ul {
  display: block;
  list-style: none;
  background: #c7c7c7;
}
#view-toggles li {
  display: table;
  width: 100%;
  height: 65px;
  border-bottom: 1px solid #7a7a7a;
}
#view-toggles a {
  display: table-cell;
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-family: "Signika", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;
  padding-left: 50px;
}
#view-toggles a:before {
  display: block;
  position: absolute;
  top: 23px;
  left: 20px;
  font-family: FontAwesome;
  font-size: inherit;
  color: #333;
  content: "\f06e";
}
#view-toggles a.hidden:before {
  color: #fff;
  content: "\f070";
}
#view-toggles .count {
  display: block;
  position: absolute;
  top: 17px;
  right: 10px;
  width: 30px;
  height: 30px;
  background: #95c33f;
  color: #fff;
  line-height: 30px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* General Styles */
.ico-btn,
a.ico-btn,
input[type=button].ico-btn,
input[type=submit].ico-btn {
  display: block;
  position: relative;
  float: left;
  width: 25px;
  height: 25px;
  border: 0;
  background: none;
  font-size: 19px;
  color: #2a2a2a;
  line-height: 25px;
  text-align: center;
  text-indent: -9999px;
  padding: 0;
  margin-left: 10px;
  overflow: hidden;
  cursor: pointer;
}
.ico-btn:before,
a.ico-btn:before,
input[type=button].ico-btn:before,
input[type=submit].ico-btn:before {
  display: block;
  width: 25px;
  height: 25px;
  font-family: FontAwesome;
  font-size: inherit;
  text-align: center;
  text-indent: 0;
  margin: auto;
  content: "";
}

/*use class to give back pointer over link*/
a.pointer {
  cursor: pointer;
}

/* Action Buttons */
.cancel-btn:before {
  background: url(../images/cancel-btn.png) center center no-repeat;
  background-size: 18px 8px !important;
}

.save-btn {
  background: url(../images/save-btn.svg) center center no-repeat !important;
}

.close-btn:before {
  background: url(../images/cancel-btn.svg) center center no-repeat;
}

.save-back-btn {
  width: 41px !important;
  background: url(../images/save_and_back.png) center center no-repeat !important;
  /*background-size:41px 18px !important;*/
  background-size: 39px 17px !important;
}

.save-back-treeview-btn {
  width: 60px !important;
  background: url(../images/save-back-treeview.svg) center center no-repeat !important;
  background-color: #f5f5f5 !important;
  background-size: 60px 18px !important;
}

.save-back-fm-btn {
  width: 60px !important;
  background: url(../images/save-back-fm.svg) center center no-repeat !important;
  background-color: #f5f5f5 !important;
  background-size: 60px 18px !important;
}

.edit-btn:before {
  background: url(../images/edit-btn.png) center center no-repeat;
}

.remove-btn:before {
  background: url(../images/remove-btn.png) center center no-repeat;
}

.print-btn:before {
  content: "\f02f";
}

.clock-btn {
  margin-right: 25px;
}
.clock-btn:before {
  color: #95c33f;
  content: "\f017" !important;
}

.keyboard-btn:before {
  content: "\f11c";
}

.drag-btn {
  cursor: move;
}
.drag-btn:before {
  font-size: 12px;
  padding-top: 1px;
  content: "\f047";
}

.ask-btn {
  font-size: 14px;
  color: #fff;
  background: #95c33f;
  padding-top: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0;
}
.ask-btn:before {
  content: "\f1e4";
}

.archive-btn {
  font-size: 14px !important;
  color: #3fa6c3 !important;
}
.archive-btn:before {
  content: "\f01c" !important;
}

.reply-btn {
  font-size: 13px;
  color: #eeba2e;
}
.reply-btn:before {
  content: "\f0e2";
}

.send-btn {
  font-size: 12px !important;
  color: #95c33f !important;
}
.send-btn:before {
  content: "\f1d8" !important;
}

/* UI Action Buttons */
.ui-actions .ico-btn {
  color: #ddf0b9;
}
.ui-actions .cancel-btn {
  margin-right: -7px;
}
.ui-actions .cancel-btn:before {
  background: url(../images/cancel-btn-inv.svg) center center no-repeat;
}
.ui-actions .save-btn:before {
  background: url(../images/save-btn-inv.svg) center center no-repeat;
}

.view-btn {
  display: block;
  position: relative;
  float: left;
  width: 15px;
  height: 13px;
  margin: 6px 0 0 10px;
  cursor: pointer;
}
.view-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 4px;
  background: #ddf0b9;
  content: "";
}
.view-btn:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 11px;
  height: 9px;
  border: 2px solid #ddf0b9;
  border-top: 0;
  content: "";
}
.view-btn.expand-small:before {
  top: 5px;
}
.view-btn.expand-small:after {
  height: 2px;
}
.view-btn.minimize {
  margin-left: 15px;
}
.view-btn.minimize:before {
  top: auto;
  bottom: 0;
}
.view-btn.minimize:after {
  display: none;
}

/* Button Tooltips */
.tooltip {
  display: none;
  position: absolute;
  background: #ededed;
  border: 1px solid #d9d9d9;
  font-weight: 400;
  line-height: 1;
  padding: 10px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 10;
  pointer-events: none;
}
.tooltip:before, .tooltip:after {
  display: block;
  position: absolute;
  left: 50%;
  bottom: -12px;
  margin-left: -6px;
  content: "";
  height: 0;
  width: 0;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-width: 6px;
}
.tooltip:before {
  bottom: -11px;
  border-top-color: #ededed;
  z-index: 2;
}
.tooltip:after {
  border-top-color: #c0c0c0;
  z-index: 1;
}

/* Inputs & Form Buttons */
.button,
button,
a.button,
input[type=submit],
input[type=button],
.btn,
.modal-style .ui-widget-content .ui-dialog-buttonset button,
.modal-consent .ui-widget-content .ui-dialog-buttonset button {
  display: inline-block;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  line-height: 40px;
  background: #95c33f;
  border: 0;
  box-shadow: none !important;
  padding: 0 19px;
  transition: all 0.4s ease-out;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
.button:hover,
button:hover,
a.button:hover,
input[type=submit]:hover,
input[type=button]:hover,
.btn:hover,
.modal-style .ui-widget-content .ui-dialog-buttonset button:hover,
.modal-consent .ui-widget-content .ui-dialog-buttonset button:hover {
  background: rgb(119.9285714286, 157.7142857143, 49.2857142857) !important;
  color: #fff;
  border: 0;
}

input[type=submit], input[type=button] {
  line-height: normal !important;
}

select {
  cursor: pointer;
}

/* History Buttons */
#currentAddress a {
  display: block;
  float: right;
  margin-left: 10px;
  cursor: pointer;
}
#currentAddress .field-validation-error a.pointer {
  float: none !important;
  display: inline !important;
}
#currentAddress #addToHistory {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  line-height: 24px;
  height: 25px;
  padding: 0 20px;
  background: #95c33f;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#currentAddress #addToHistory.disabled {
  opacity: 0.5;
  pointer-events: none;
}
#currentAddress:after {
  display: block;
  content: "";
  clear: both;
}

/* Link/Unlink Actions */
.link-action {
  display: block;
  position: relative;
  float: left;
  font-size: 12px;
  font-weight: 400;
  color: rgb(128.7928571429, 169.3714285714, 52.9285714286);
  line-height: 19px;
  height: 19px;
  padding: 0 20px 0 26px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  margin: 6px 20px 0 0;
}
.link-action:hover {
  -webkit-box-shadow: 0 0 0 0;
  -moz-box-shadow: 0 0 0 0;
  box-shadow: 0 0 0 0;
}
.link-action:before {
  display: block;
  position: absolute;
  top: 1px;
  left: 6px;
  font-family: FontAwesome;
  font-size: 14px;
}
.link-action.link-btn:before {
  content: "\f0c1";
}
.link-action.unlink-btn:before {
  content: "\f127";
}

.ico-btn-extend, #header-actions .ico-btn, main #content .form-actions .ico-btn {
  color: #2a2a2a;
  border: 1px solid #d9d9d9;
  height: 28px;
  width: 60px;
  background-color: #f5f5f5;
}

main #content .form-actions .ico-btn {
  width: 30px !important;
}
main #content .form-actions .save-btn.ico-btn {
  background-color: #f5f5f5 !important;
  border-radius: 0px;
}
main #content .form-actions .save-back-btn.ico-btn {
  /*width: 60px !important;*/
  background-color: #f5f5f5 !important;
}
main #content .form-actions .save-back-treeview-btn.ico-btn {
  background-color: #f5f5f5 !important;
}
main #content .form-actions .save-back-fm-btn.ico-btn {
  background-color: #f5f5f5 !important;
}
main #content .form-actions .save-back-btn.ico-btn, main #content #header-actions .save-back-btn.ico-btn {
  width: 60px !important;
  background-color: #f5f5f5 !important;
}
main #content .form-actions .save-btn.ico-btn, main #content #header-actions .save-btn.ico-btn {
  background-color: #f5f5f5 !important;
  border-radius: 0px;
}
main #content .form-actions .save-back-treeview-btn.ico-btn, main #content #header-actions .save-back-treeview-btn.ico-btn {
  width: 60px !important;
  background-color: #f5f5f5 !important;
}
main #content .form-actions .save-back-fm-btn.ico-btn, main #content #header-actions .save-back-fm-btn.ico-btn {
  width: 60px !important;
  background-color: #f5f5f5 !important;
}

#header-actions .save-btn.ico-btn {
  background-color: #f5f5f5 !important;
  border-radius: 0px;
}
#header-actions .save-back-btn.ico-btn {
  width: 60px !important;
  background-color: #f5f5f5 !important;
}

.buttons-wrapper {
  padding: 10px 0;
  float: right;
}

.buttons-wrapper .btn, .buttons-wrapper .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset .buttons-wrapper button, .buttons-wrapper .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset .buttons-wrapper button {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 5px;
}

.buttons-wrapper .btn:last-child, .buttons-wrapper .modal-style .ui-widget-content .ui-dialog-buttonset button:last-child, .modal-style .ui-widget-content .ui-dialog-buttonset .buttons-wrapper button:last-child, .buttons-wrapper .modal-consent .ui-widget-content .ui-dialog-buttonset button:last-child, .modal-consent .ui-widget-content .ui-dialog-buttonset .buttons-wrapper button:last-child {
  margin-bottom: 0;
}

.btn-wrapper .generate_fm:before {
  line-height: 30px;
}

.generate_fm:before {
  line-height: 42px;
}

.cs-add-parent-btn-new,
.cs-add-child-btn-new,
.cs-add-partner-btn-new {
  content: "";
  background-size: 100% !important;
}

.cs-add-parent-btn-new {
  content: "";
  background-image: url(/Themes/Genealex/Styles/images/add-parent-btn-new-plus.svg) !important;
  background-size: 100% !important;
}

.cs-add-child-btn-new {
  content: "";
  background-image: url(/Themes/Genealex/Styles/images/add-child-btn-new-plus.svg) !important;
  background-size: 100% !important;
}

.cs-add-partner-btn-new {
  content: "";
  background-image: url(/Themes/Genealex/Styles/images/add-partner-btn-new-plus.svg) !important;
  background-size: 100% !important;
}

.cs-edit-btn {
  background-image: none !important;
}

.multi_document_btn {
  height: 25px;
  font-size: 11px;
  line-height: 25px;
  margin: 3px 0px;
  padding: 0 5px;
  float: right;
}

.history-buttons {
  float: left;
}

#merged-document-download-popup-btn {
  float: right;
  margin-top: 10px;
}

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

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

.btn-lock {
  color: #2a2a2a;
  border: 1px solid #d9d9d9;
  height: 28px;
  background-color: #f5f5f5;
  display: block;
  position: relative;
  float: left;
  font-size: 19px;
  line-height: 25px;
  text-align: center;
  padding: 0;
  margin-left: 10px;
  overflow: hidden;
  cursor: pointer;
  font-weight: 500;
  padding-left: 10px;
  padding-right: 10px;
}

.red-border {
  border-color: red !important;
}

.red-border-checkbox {
  content: "✓";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  color: #f3f3f3;
  text-align: center;
  line-height: 15px;
}

.upload_btn_individual {
  height: 25px;
  font-size: 11px;
  line-height: 25px;
  padding: 0 5px;
}

.generate_fm_individual:before {
  margin-top: 3px;
  margin-left: 10px;
}

.red {
  color: red !important;
}

.union-edit-treeview:before {
  display: block;
  position: absolute;
  top: 20%;
  left: 90%;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 16px;
  color: #95c33f;
  text-align: center;
  line-height: 20px;
  text-indent: 0;
  content: "\f040";
}

.export-btn {
  line-height: 28px;
  height: 28px;
  float: left;
  cursor: pointer;
  margin-left: 10px;
}

.heir-visibility-btn {
  cursor: pointer;
}

.copy-name-btn {
  width: 10%;
  margin-left: 0px;
  margin-right: 0px;
  display: none !important;
}
.copy-name-btn:before {
  color: #95c33f;
  content: "\f0c5" !important;
}

.upload-doc.btn, .modal-style .ui-widget-content .ui-dialog-buttonset button.upload-doc, .modal-consent .ui-widget-content .ui-dialog-buttonset button.upload-doc {
  float: right;
}

.btn.btn-little, .modal-style .ui-widget-content .ui-dialog-buttonset button.btn-little, .modal-consent .ui-widget-content .ui-dialog-buttonset button.btn-little {
  font-size: 13px;
  font-weight: 700;
  padding: 5px;
  height: 27px;
  line-height: initial;
}
.btn.btn-tiny, .modal-style .ui-widget-content .ui-dialog-buttonset button.btn-tiny, .modal-consent .ui-widget-content .ui-dialog-buttonset button.btn-tiny {
  font-size: 10px;
  padding: 5px;
  height: 24px;
  line-height: initial;
}

li .hiddenIndividual .cs-hideFM-btn:before {
  content: "\f070" !important;
}

.btn-wrapper-heirs {
  margin-bottom: 10px;
}

.heir-visibility-btn {
  background-color: transparent !important;
  color: #595959 !important;
  font-weight: 400;
  text-decoration: underline !important;
}

.back-to-list-button {
  float: left;
}

#openModalAddPrice {
  float: right;
  margin: 6px 0px;
}

.button-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.radio-list-item {
  display: flex;
}

/* Custom tiny jQuery scrollbar used inside each family member block */
.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 !important;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.nano > .nano-pane {
  background: #fff;
  position: absolute;
  width: 14px;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 4px;
  border-left: 1px solid #d9d9d9;
  visibility: hidden\9 ;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nano > .nano-pane > .nano-slider {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.nano:hover > .nano-pane,
.nano:hover .nano-pane.active,
.nano:hover .nano-pane.flashed {
  visibility: visible\9 ;
  opacity: 0.99;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

#aside-first .nano > .nano-pane {
  width: 10px;
  padding: 3px;
  background: none;
  border: 0;
}

/* jQuery UI popup styles override */
.modal-fm-wrapper {
  position: fixed;
}
.modal-fm-wrapper .ui-dialog-titlebar {
  display: none;
}
.modal-fm-wrapper .ui-draggable-handle {
  cursor: move;
}
.modal-fm-wrapper .modal-fm {
  padding: 0 !important;
  overflow: hidden;
}
.modal-fm-wrapper .modal-fm .info-block-fm-info {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.modal-fm-wrapper .modal-fm .info-block-fm-info .fm-content {
  height: 100%;
  overflow: auto;
}
.modal-fm-wrapper .modal-fm .info-block-fm-info #zip-city-country {
  padding-left: 15px;
}
.modal-fm-wrapper .modal-fm .title-bar {
  border-width: 1px;
  border-style: solid;
}
.modal-fm-wrapper .modal-fm .title-bar .date {
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-fm-wrapper .modal-fm .title-bar-item {
  color: white;
}
.modal-fm-wrapper .my-accordion #createAddress, .modal-fm-wrapper .my-accordion .address-actions {
  display: none;
}
.modal-fm-wrapper .my-accordion .address-history .table-style {
  overflow: scroll;
  display: block;
  max-height: 150px;
}
.modal-fm-wrapper .my-accordion .address-history .table-style thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
.modal-fm-wrapper .my-accordion .address-history .table-style thead, .modal-fm-wrapper .my-accordion .address-history .table-style thead th {
  border-top: none;
}
.modal-fm-wrapper .my-accordion th {
  width: 100%;
}
.modal-fm-wrapper .my-accordion .width-100 {
  min-width: 100px;
}
.modal-fm-wrapper .my-accordion .width-200 {
  min-width: 200px;
}

.modal-style .ui-widget-content, .modal-consent .ui-widget-content {
  padding: 15px;
}
.modal-style .ui-widget-content .ui-dialog-buttonset, .modal-consent .ui-widget-content .ui-dialog-buttonset {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset button {
  width: 100%;
  margin: 0 !important;
}
.modal-style .ui-widget-content .ui-dialog-buttonset button:first-child, .modal-consent .ui-widget-content .ui-dialog-buttonset button:first-child {
  margin-right: 15px !important;
}

.modal-style {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  max-width: 750px !important;
  width: 100% !important;
  max-height: 75vh !important;
  flex-direction: column;
  transform: translate(-50%, -50%) !important;
  overflow-y: hidden !important;
}
.modal-style.open {
  display: flex !important;
}
.modal-style form {
  margin: 0 !important;
}
.modal-style .case_reference_below {
  margin: 0;
}
.modal-style .ui-dialog-titlebar {
  height: auto;
  min-height: initial;
  padding: 10px 20px !important;
}
.modal-style .ui-dialog-titlebar-close {
  position: relative;
}
.modal-style .ui-dialog-titlebar-close::after, .modal-style .ui-dialog-titlebar-close::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 2px;
  background-color: #fff;
}
.modal-style .ui-dialog-titlebar-close::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal-style .ui-dialog-titlebar-close::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-style .ui-dialog-content {
  overflow-y: auto;
}
.modal-style .ui-dialog-content .radio-list-item {
  display: flex;
  align-items: center;
  padding: 5px 0;
}
.modal-style .ui-dialog-content .radio-list-item label {
  font-size: 16px;
  font-weight: normal;
}
.modal-style .ui-dialog-content input:not([type=checkbox]):not([type=radio]), .modal-style .ui-dialog-content select, .modal-style .ui-dialog-content textarea {
  height: 45px;
}
.modal-style .ui-dialog-content input:not([type=checkbox]):not([type=radio]), .modal-style .ui-dialog-content select, .modal-style .ui-dialog-content textarea, .modal-style .ui-dialog-content .file-container {
  margin-bottom: 10px;
  width: 100%;
  padding: 5px;
  font-size: 16px;
  font-weight: normal;
  font-family: "Lato", sans-serif;
  border: 1px solid #d9d9d9;
  cursor: pointer;
}
.modal-style .ui-dialog-content textarea {
  resize: none;
  height: 100px;
}
.modal-style .ui-dialog-content .btn-group {
  display: flex;
  justify-content: start;
  width: 100%;
  background: #595959;
}
.modal-style .ui-dialog-content .btn-group .btn, .modal-style .ui-dialog-content .btn-group .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset .ui-dialog-content .btn-group button, .modal-consent .ui-widget-content .ui-dialog-buttonset .modal-style .ui-dialog-content .btn-group button {
  background: none;
  border-radius: 0 !important;
  border-right: 1px solid #ddd;
  box-shadow: none !important;
}
.modal-style .ui-dialog-content .btn-group .btn.active, .modal-style .ui-dialog-content .btn-group .ui-widget-content .ui-dialog-buttonset button.active, .modal-style .ui-widget-content .ui-dialog-buttonset .ui-dialog-content .btn-group button.active, .modal-consent .ui-widget-content .ui-dialog-buttonset .modal-style .ui-dialog-content .btn-group button.active {
  background: #95c33f;
}
.modal-style .ui-dialog-content .error-message {
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: #f93131;
}
.modal-style .ui-dialog-content .error-message:not(.active) {
  display: none;
}
.modal-style .ui-dialog-content .center {
  display: flex;
  align-items: center;
}
.modal-style .ui-dialog-content .center .title {
  margin-right: 15px;
}
.modal-style .ui-dialog-content .box {
  padding: 15px 0 0 0;
}
.modal-style .ui-dialog-content .sub-box {
  padding: 10px 0;
}
.modal-style .ui-dialog-content .modal-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(250px, 1fr));
  gap: 5px;
}
.modal-style .ui-dialog-content .modal-actions input {
  margin-bottom: 0 !important;
}
.modal-style .ui-dialog-content .modal-actions:after {
  content: none;
}
.modal-style .ui-dialog-content .list-add-box {
  position: relative;
}
.modal-style .ui-dialog-content .list-add-box input {
  padding-right: 50px;
}
.modal-style .ui-dialog-content .list-add-box ul {
  width: 100%;
}
.modal-style .ui-dialog-content .list-add-box ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  word-break: break-all;
}
.modal-style .ui-dialog-content .list-add-box ul li:not(:last-child) {
  padding-bottom: 15px;
}
.modal-style .ui-dialog-content .list-add-box i {
  font-size: 18px;
  color: #95c33f;
  transition: color 0.4s ease-out;
  cursor: pointer;
}
.modal-style .ui-dialog-content .list-add-box i:hover {
  color: rgb(119.9285714286, 157.7142857143, 49.2857142857) !important;
}
.modal-style .ui-dialog-content .list-add-box i.add {
  position: absolute;
  top: calc(100% - 22.5px);
  right: 10px;
  transform: translateY(-50%);
}
.modal-style .ui-dialog-content .list-add-box i.remove {
  margin-left: 15px;
}
.modal-style .ui-dialog-content .documentList {
  display: flex !important;
  align-items: center;
  justify-content: start;
  height: auto;
  width: auto !important;
  padding: 5px;
  background: none !important;
  border: none !important;
}
.modal-style .ui-dialog-content .documentList p {
  margin: 0;
}
.modal-style .ui-dialog-content .documentList p, .modal-style .ui-dialog-content .documentList a, .modal-style .ui-dialog-content .documentList i {
  float: initial;
  width: auto !important;
}
.modal-style .ui-dialog-content .documentList a {
  margin-left: 15px;
  cursor: pointer;
}
.modal-style .ui-dialog-content .hide {
  display: none;
}
.modal-style .ui-dialog-content .title, .modal-style .ui-dialog-content .sub-title {
  display: block;
  margin: 0 0 10px 0;
  font-weight: bold;
}
.modal-style .ui-dialog-content .title {
  font-size: 18px;
}
.modal-style .ui-dialog-content .sub-title {
  font-size: 14px;
}
.modal-style .ui-helper-clearfix {
  min-height: initial;
}
.modal-style.modal-invoice label {
  width: 150px;
}
.modal-style.modal-invoice .modal-invoice-box {
  display: flex;
  align-items: center;
}
.modal-style.modal-invoice .modal-invoice-input {
  width: 100px !important;
  margin-left: 15px;
}
.modal-style.modal-invoice .recap {
  border: none !important;
  background: none;
}

.ui-widget-overlay {
  background: #fff;
  opacity: 0.75;
}

.ui-dialog {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  padding: 0;
  border: 0;
}

.ui-dialog-titlebar {
  position: relative;
  font-family: "Signika", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 15px 0 !important;
  height: 33px;
  border: 0;
  border-bottom: 2px solid #ddf0b9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #95c33f;
}
.ui-dialog-titlebar span,
.ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
}

.ui-dialog-titlebar-close {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 31px !important;
  height: 31px !important;
  border: 0 !important;
  background: none !important;
  margin: 0 !important;
}
.ui-dialog-titlebar-close span {
  display: none !important;
}
.ui-dialog-titlebar-close:before {
  display: block;
  width: 31px;
  height: 31px;
  font-family: FontAwesome;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 29px;
  margin: auto;
  content: "\f00d";
}

.ui-dialog-content {
  font-family: "Lato", sans-serif;
  padding: 20px !important;
}
.ui-dialog-content table {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}
.ui-dialog-content table thead tr {
  background: #eaeaea;
}
.ui-dialog-content table th, .ui-dialog-content table td {
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  padding: 5px 10px;
}
.ui-dialog-content table th {
  font-weight: 700;
}
.ui-dialog-content table tr th:nth-child(2n), .ui-dialog-content table tr td:nth-child(2n) {
  background: rgba(0, 0, 0, 0.035);
}

#ui-datepicker-div {
  z-index: 99 !important;
}

.ui-dialog-titlebar {
  padding: 10px !important;
  position: relative;
  font-family: "Lato", sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  color: #fff;
  line-height: 22px;
  text-transform: uppercase;
  height: 43px;
  border: 0;
  border-bottom: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #95c33f;
  padding-left: 10px;
}

.ui-dialog-titlebar-close {
  width: 40px !important;
  height: 100% !important;
}

/*#uploadDocPopup select, 
#uploadDocPopup input, 
#uploadDocPopup .upload-box {
    width: 70%;
    max-width: none;
}*/
#uploadDocPopup select, #uploadDocPopup input, #uploadDocPopup .upload-box {
  width: 70%;
  max-width: none;
}
#uploadDocPopup.popup-form-items .form-item {
  width: 100%;
  padding: 0;
}
#uploadDocPopup.popup-form-items .form-item:before {
  top: 5px;
  right: 45px;
}
#uploadDocPopup.popup-form-items .form-item.parent:before {
  right: 20px;
}
#uploadDocPopup.popup-form-items select {
  /*width: 95% !important;*/
  width: 70% !important;
  max-width: 70% !important;
}
#uploadDocPopup table {
  margin-top: 9px;
}

.radio-list-item-wrapper {
  position: relative;
  width: 50%;
  float: left;
}

.popup-form-items .date-items-holder .radio-list-item-wrapper input[type=radio] {
  width: auto !important;
  position: relative;
  float: left;
}
.popup-form-items .form-item {
  padding: 0 5px 5px !important;
}
.popup-form-items .form-item label {
  width: 25% !important;
}
.popup-form-items .form-item .input-right {
  width: 301px !important;
  max-width: 301px !important;
}
.popup-form-items .form-item .country-select {
  padding: 5px 5px !important;
  width: 301px !important;
  max-width: 301px !important;
}
.popup-form-items .form-item select {
  padding: 5px 5px !important;
  width: 301px !important;
  max-width: 301px !important;
}
.popup-form-items .form-item .form-item textarea {
  width: 192px !important;
}
.popup-form-items .form-item .form-item textarea.form-control.remark {
  width: 285px !important;
}
.popup-form-items .form-item .form-item input[type=text] {
  width: 192px !important;
}

/*.popup-form-items .date-items-holder .radio-list-item-wrapper input[type="radio"]{
    width: auto !important;
    position: relative;
    float: left;
}*/
.uil-default-css {
  position: absolute;
  margin: auto;
  top: 50%;
  left: 50%;
}

#ui-datepicker-div {
  z-index: 102 !important;
}

#basicdiagramPopup {
  background: #f5f5f5;
}

.ui-dialog {
  overflow: visible;
}

#crmContactCreation .popup-form-items .form-item select {
  padding: 5px 5px !important;
  width: 285px;
  max-width: 285px !important;
}
#crmContactCreation input[type=text] {
  padding: 5px 5px !important;
  width: 285px !important;
  max-width: 285px !important;
}

.modal-renounce .form-item label {
  max-width: 170px;
}
.modal-renounce__date {
  display: flex;
  align-items: center;
}
.modal-renounce__date::after {
  content: none;
}
.modal-renounce__date .form-item {
  width: 100%;
  padding-bottom: 0;
}
.modal-renounce__date .groupdate {
  display: none;
}

/* Text Inputs */
input[type=text],
#login-form .form-item-text input[type=text],
input[type=password],
#forgot-password input[type=text] {
  display: block;
  width: 100%;
  border: solid 1px #d9d9d9;
  height: 45px;
  padding: 10px;
  font-family: "Lato", sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #4c4c4c;
}

/* Radio Buttons & Checkboxes */
input[type=checkbox],
input[type=radio] {
  display: block;
  float: left;
  margin: 2px 6px 0 0;
  display: inline-block;
  float: none;
}

#actions-datatable input[type=checkbox] {
  margin: 2px 6px 0;
}

/* Not display validation summary that are valid */
.validation-summary-valid {
  display: none;
}

.text-danger {
  font-weight: bold;
}

.form-item.dropdown-arrow:after {
  z-index: 9 !important;
}

/* Zip Code Overrides */
#zip-code input.postal_code {
  width: 80px;
  margin-right: 10px;
}
#zip-code input.locality {
  width: 192px;
  max-width: 192px;
  margin-right: 10px;
}

/* Custom targeted style - from hack */
#uploadDocSubmit {
  float: right !important;
}

#individual-form .width-100 {
  width: 100% !important;
}
#individual-form .form-item {
  align-items: flex-start;
}
#individual-form .form-item .input-box {
  width: 60%;
}
#individual-form .form-item .input-box input, #individual-form .form-item .input-box select {
  width: 100% !important;
}
#individual-form .form-item .text-warning {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 8px;
  border-top: 5px solid #fff;
  clear: both;
  color: white;
  background: orange;
}
#individual-form .form-item .text-warning.hidden {
  display: none;
}
#individual-form .form-item textarea {
  resize: none;
  width: 100%;
  height: 150px !important;
}
#individual-form .form-item input[type=file] {
  display: block;
  width: 60%;
  float: left;
  height: 25px;
  background: #fff;
  padding: 4px 5px;
}

table tbody tr td:last-child input#clearFilter {
  width: 100%;
  padding: 0 5px;
  margin: 0;
  white-space: normal;
  line-height: 20px;
}

#estimationDateDiv input,
#agreementDateDiv input {
  max-width: 285px;
}

.box-autocomplete {
  width: 100%;
}
.box-autocomplete.loading {
  position: relative;
}
.box-autocomplete.loading::after {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  animation-name: loading-animation;
}
.box-autocomplete.loading.case-autocomplete:after {
  right: 35px;
}
@keyframes loading-animation {
  0% {
    transform: translateY(-50%) rotate(0deg);
  }
  100% {
    transform: translateY(-50%) rotate(360deg);
  }
}

/* Radio Button / Checkbox Labels */
.form-item-checkbox label, .form-item-radio label {
  display: block;
  float: left;
  font-family: "Lato", sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #4c4c4c;
  line-height: 100%;
}

/* Yep, the login form styles are here */
#login-form-user-extended,
#forgot-password-wrap {
  margin-left: -225px;
}

#login-form,
#forgot-password {
  width: 340px;
  margin: 50px auto;
}
#login-form fieldset,
#forgot-password fieldset {
  display: block;
  border: 1px solid #d9d9d9;
}
#login-form legend,
#forgot-password legend {
  display: block;
  width: calc(100% + 2px);
  font-size: 23px;
  font-weight: 400;
  color: #fff;
  line-height: 58px;
  height: 60px;
  background: #595959;
  padding-left: 0;
  margin: 0 0 15px -1px;
  text-align: center;
}
#login-form label,
#forgot-password label {
  width: 100%;
  padding-top: 4px;
  max-width: 200px;
  text-align: left;
}
#login-form .form-item,
#forgot-password .form-item {
  padding: 15px 30px 0;
  clear: both;
}
#login-form .forgot-pwd-item p,
#forgot-password .forgot-pwd-item p {
  margin-bottom: 20px;
}
#login-form .forgot-pwd-item label,
#forgot-password .forgot-pwd-item label {
  margin-bottom: 10px;
}
#login-form .form-submit,
#forgot-password .form-submit {
  padding: 15px 30px 30px;
  clear: both;
}
#login-form button,
#forgot-password button {
  height: 45px;
  width: 100%;
  font-size: 21px;
}
#login-form .form-item-radio label,
#forgot-password .form-item-radio label {
  padding-top: 0;
}
#login-form a,
#forgot-password a {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #95c33f;
  line-height: 1;
  margin: -10px 0 25px 30px;
}

/* Tabs across the entire site are styled here */
#tabs:not(.tabs-style),
.ico-tabs:not(.tabs-style) {
  position: relative;
  float: none;
  background: #fff;
  height: 40px;
  margin: -30px 0 0;
}
#tabs:not(.tabs-style).tabs-wrapper,
.ico-tabs:not(.tabs-style).tabs-wrapper {
  margin: 0;
  padding: 0;
}
#tabs:not(.tabs-style).scenario-editable-tabs,
.ico-tabs:not(.tabs-style).scenario-editable-tabs {
  margin-top: 10px;
}
#tabs:not(.tabs-style).ico-tabs li,
.ico-tabs:not(.tabs-style).ico-tabs li {
  float: left;
}
#tabs:not(.tabs-style):after,
.ico-tabs:not(.tabs-style):after {
  display: block;
  content: "";
  clear: both;
}
#tabs:not(.tabs-style) li,
.ico-tabs:not(.tabs-style) li {
  float: left;
  height: 40px;
  margin: 0;
  overflow: hidden;
  background: #c9c9c9;
}
#tabs:not(.tabs-style) li.listview,
.ico-tabs:not(.tabs-style) li.listview {
  width: 40px;
  background: none;
}
#tabs:not(.tabs-style) li.listview a,
.ico-tabs:not(.tabs-style) li.listview a {
  width: 40px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}
#tabs:not(.tabs-style) li.listview a:before,
.ico-tabs:not(.tabs-style) li.listview a:before {
  content: "\f03a";
}
#tabs:not(.tabs-style) li.listview.active,
.ico-tabs:not(.tabs-style) li.listview.active {
  background: #595959;
}
#tabs:not(.tabs-style) li.listview.active a:before,
.ico-tabs:not(.tabs-style) li.listview.active a:before {
  color: #fff;
}
#tabs:not(.tabs-style) li.treeview,
.ico-tabs:not(.tabs-style) li.treeview {
  width: 40px;
  background: none;
}
#tabs:not(.tabs-style) li.treeview a,
.ico-tabs:not(.tabs-style) li.treeview a {
  width: 40px;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}
#tabs:not(.tabs-style) li.treeview a:before,
.ico-tabs:not(.tabs-style) li.treeview a:before {
  content: "\f0e8";
}
#tabs:not(.tabs-style) li.treeview.active,
.ico-tabs:not(.tabs-style) li.treeview.active {
  background: #595959;
}
#tabs:not(.tabs-style) li.treeview.active a:before,
.ico-tabs:not(.tabs-style) li.treeview.active a:before {
  color: #fff;
}
#tabs:not(.tabs-style) li.active,
.ico-tabs:not(.tabs-style) li.active {
  background: #f5f5f5;
  font-weight: bold;
  border-top: 4px solid #9fd118;
}
#tabs:not(.tabs-style) li a,
.ico-tabs:not(.tabs-style) li a {
  display: block;
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #4c4c4c;
  display: block;
  padding: 0px 15px;
}
#tabs:not(.tabs-style) li a:before,
.ico-tabs:not(.tabs-style) li a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  font-family: FontAwesome;
  font-size: 19px;
  color: #151515;
  line-height: 40px;
  text-align: center;
  text-indent: 0;
}
#tabs:not(.tabs-style) li.branchName .editableText,
.ico-tabs:not(.tabs-style) li.branchName .editableText {
  border: 0;
}
#tabs:not(.tabs-style) li.branchName .editableText.active,
.ico-tabs:not(.tabs-style) li.branchName .editableText.active {
  display: block;
  position: relative;
  border-radius: 0;
  border: 0;
  background: none;
  text-decoration: underline !important;
}
#tabs:not(.tabs-style) li.branchNameEdit,
.ico-tabs:not(.tabs-style) li.branchNameEdit {
  padding: 8px;
}
#tabs:not(.tabs-style) li.branchNameEdit .edit,
.ico-tabs:not(.tabs-style) li.branchNameEdit .edit {
  display: block;
  position: relative;
  right: auto;
  width: 24px;
  height: 24px;
  font-size: 20px;
  text-align: center;
  line-height: 22px;
  border: 1px solid #b0b0b0;
  border-radius: 2px;
  padding: 0;
}
#tabs:not(.tabs-style) li.branchNameEdit .edit:before,
.ico-tabs:not(.tabs-style) li.branchNameEdit .edit:before {
  width: 22px;
  height: 22px;
  font-size: 15px !important;
  line-height: 22px;
  margin: 0;
}
#tabs.tabs-hide,
.ico-tabs.tabs-hide {
  border: none;
}
#tabs .element-hide,
.ico-tabs .element-hide {
  display: none;
}

.branchNameEdit a {
  position: relative;
  right: 10px;
}

.ico-tabs {
  background: none;
  margin: -20px 0 10px;
}

form.tab-content {
  background: none;
  padding: 30px 0;
}

/*----------------- Scenario Branches Tabs ------------------------------------------------------*/
#tabs.scenario-editable-tabs .branchName {
  margin-left: 1px;
}
#tabs.scenario-editable-tabs .branchNameEdit {
  margin-right: 1px;
}
#tabs li {
  margin-left: 1px;
}

#tabs li.active:not(.branchNameEdit):not(.case-treeview) {
  min-width: 100px;
  text-align: center;
}

#user-main-nav .scenario-disabled a {
  color: #505050 !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.35);
}

div.scenario-tab.tab-pane,
div.scenario-tab.tab-pane.active {
  position: absolute;
}
div.scenario-tab.tab-pane .subtab-ico-checkbox,
div.scenario-tab.tab-pane.active .subtab-ico-checkbox {
  display: flex;
  align-items: center;
  margin: -20px 10px 10px;
}
div.scenario-tab.tab-pane .subtab-ico-checkbox ul.ico-tabs,
div.scenario-tab.tab-pane.active .subtab-ico-checkbox ul.ico-tabs {
  margin: 0;
  float: none;
}

#addScenario:disabled {
  background-color: grey;
  cursor: not-allowed;
}

#menu2.tab-pane {
  position: relative;
  width: 250px !important;
  margin-top: -45px;
  z-index: 2;
}

.tab-width-override {
  width: 100% !important;
  max-width: 1200px;
}

.tabs-style#tabs, .tabs-style .ui-tabs, .tabs-style .tabs-box {
  height: auto;
  padding: 0;
  margin-top: 15px;
  border-radius: 0;
  border: none;
}
.tabs-style#tabs ul.ui-tabs-nav, .tabs-style#tabs .tabs-nav, .tabs-style .ui-tabs ul.ui-tabs-nav, .tabs-style .ui-tabs .tabs-nav, .tabs-style .tabs-box ul.ui-tabs-nav, .tabs-style .tabs-box .tabs-nav {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  height: 100%;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}
.tabs-style#tabs ul.ui-tabs-nav::before, .tabs-style#tabs ul.ui-tabs-nav::after, .tabs-style#tabs .tabs-nav::before, .tabs-style#tabs .tabs-nav::after, .tabs-style .ui-tabs ul.ui-tabs-nav::before, .tabs-style .ui-tabs ul.ui-tabs-nav::after, .tabs-style .ui-tabs .tabs-nav::before, .tabs-style .ui-tabs .tabs-nav::after, .tabs-style .tabs-box ul.ui-tabs-nav::before, .tabs-style .tabs-box ul.ui-tabs-nav::after, .tabs-style .tabs-box .tabs-nav::before, .tabs-style .tabs-box .tabs-nav::after {
  content: none;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default, .tabs-style#tabs ul.ui-tabs-nav .tabs-item, .tabs-style#tabs .tabs-nav li.ui-state-default, .tabs-style#tabs .tabs-nav .tabs-item, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item, .tabs-style .ui-tabs .tabs-nav li.ui-state-default, .tabs-style .ui-tabs .tabs-nav .tabs-item, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item, .tabs-style .tabs-box .tabs-nav li.ui-state-default, .tabs-style .tabs-box .tabs-nav .tabs-item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  align-items: center;
  background: #595959;
  border: 1px solid #ddd;
  border-radius: 0;
  transition: all 0.6s ease-out;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default.ui-tabs-active, .tabs-style#tabs ul.ui-tabs-nav li.ui-state-default.active, .tabs-style#tabs ul.ui-tabs-nav .tabs-item.ui-tabs-active, .tabs-style#tabs ul.ui-tabs-nav .tabs-item.active, .tabs-style#tabs .tabs-nav li.ui-state-default.ui-tabs-active, .tabs-style#tabs .tabs-nav li.ui-state-default.active, .tabs-style#tabs .tabs-nav .tabs-item.ui-tabs-active, .tabs-style#tabs .tabs-nav .tabs-item.active, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default.ui-tabs-active, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default.active, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item.ui-tabs-active, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item.active, .tabs-style .ui-tabs .tabs-nav li.ui-state-default.ui-tabs-active, .tabs-style .ui-tabs .tabs-nav li.ui-state-default.active, .tabs-style .ui-tabs .tabs-nav .tabs-item.ui-tabs-active, .tabs-style .ui-tabs .tabs-nav .tabs-item.active, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default.ui-tabs-active, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default.active, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item.ui-tabs-active, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item.active, .tabs-style .tabs-box .tabs-nav li.ui-state-default.ui-tabs-active, .tabs-style .tabs-box .tabs-nav li.ui-state-default.active, .tabs-style .tabs-box .tabs-nav .tabs-item.ui-tabs-active, .tabs-style .tabs-box .tabs-nav .tabs-item.active {
  background-color: #95c33f;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default:not(.ui-tabs-active):not(.active):hover a, .tabs-style#tabs ul.ui-tabs-nav .tabs-item:not(.ui-tabs-active):not(.active):hover a, .tabs-style#tabs .tabs-nav li.ui-state-default:not(.ui-tabs-active):not(.active):hover a, .tabs-style#tabs .tabs-nav .tabs-item:not(.ui-tabs-active):not(.active):hover a, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default:not(.ui-tabs-active):not(.active):hover a, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item:not(.ui-tabs-active):not(.active):hover a, .tabs-style .ui-tabs .tabs-nav li.ui-state-default:not(.ui-tabs-active):not(.active):hover a, .tabs-style .ui-tabs .tabs-nav .tabs-item:not(.ui-tabs-active):not(.active):hover a, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default:not(.ui-tabs-active):not(.active):hover a, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item:not(.ui-tabs-active):not(.active):hover a, .tabs-style .tabs-box .tabs-nav li.ui-state-default:not(.ui-tabs-active):not(.active):hover a, .tabs-style .tabs-box .tabs-nav .tabs-item:not(.ui-tabs-active):not(.active):hover a {
  color: #95c33f;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default .tabs-item-box, .tabs-style#tabs ul.ui-tabs-nav .tabs-item .tabs-item-box, .tabs-style#tabs .tabs-nav li.ui-state-default .tabs-item-box, .tabs-style#tabs .tabs-nav .tabs-item .tabs-item-box, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default .tabs-item-box, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item .tabs-item-box, .tabs-style .ui-tabs .tabs-nav li.ui-state-default .tabs-item-box, .tabs-style .ui-tabs .tabs-nav .tabs-item .tabs-item-box, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default .tabs-item-box, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item .tabs-item-box, .tabs-style .tabs-box .tabs-nav li.ui-state-default .tabs-item-box, .tabs-style .tabs-box .tabs-nav .tabs-item .tabs-item-box {
  width: 100%;
  height: 100%;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default a, .tabs-style#tabs ul.ui-tabs-nav li.ui-state-default .ui-tabs-anchor, .tabs-style#tabs ul.ui-tabs-nav .tabs-item a, .tabs-style#tabs ul.ui-tabs-nav .tabs-item .ui-tabs-anchor, .tabs-style#tabs .tabs-nav li.ui-state-default a, .tabs-style#tabs .tabs-nav li.ui-state-default .ui-tabs-anchor, .tabs-style#tabs .tabs-nav .tabs-item a, .tabs-style#tabs .tabs-nav .tabs-item .ui-tabs-anchor, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default a, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default .ui-tabs-anchor, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item a, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item .ui-tabs-anchor, .tabs-style .ui-tabs .tabs-nav li.ui-state-default a, .tabs-style .ui-tabs .tabs-nav li.ui-state-default .ui-tabs-anchor, .tabs-style .ui-tabs .tabs-nav .tabs-item a, .tabs-style .ui-tabs .tabs-nav .tabs-item .ui-tabs-anchor, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default a, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default .ui-tabs-anchor, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item a, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item .ui-tabs-anchor, .tabs-style .tabs-box .tabs-nav li.ui-state-default a, .tabs-style .tabs-box .tabs-nav li.ui-state-default .ui-tabs-anchor, .tabs-style .tabs-box .tabs-nav .tabs-item a, .tabs-style .tabs-box .tabs-nav .tabs-item .ui-tabs-anchor {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 15px;
  color: #fff;
  border-radius: 0;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default a span, .tabs-style#tabs ul.ui-tabs-nav li.ui-state-default .ui-tabs-anchor span, .tabs-style#tabs ul.ui-tabs-nav .tabs-item a span, .tabs-style#tabs ul.ui-tabs-nav .tabs-item .ui-tabs-anchor span, .tabs-style#tabs .tabs-nav li.ui-state-default a span, .tabs-style#tabs .tabs-nav li.ui-state-default .ui-tabs-anchor span, .tabs-style#tabs .tabs-nav .tabs-item a span, .tabs-style#tabs .tabs-nav .tabs-item .ui-tabs-anchor span, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default a span, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default .ui-tabs-anchor span, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item a span, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item .ui-tabs-anchor span, .tabs-style .ui-tabs .tabs-nav li.ui-state-default a span, .tabs-style .ui-tabs .tabs-nav li.ui-state-default .ui-tabs-anchor span, .tabs-style .ui-tabs .tabs-nav .tabs-item a span, .tabs-style .ui-tabs .tabs-nav .tabs-item .ui-tabs-anchor span, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default a span, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default .ui-tabs-anchor span, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item a span, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item .ui-tabs-anchor span, .tabs-style .tabs-box .tabs-nav li.ui-state-default a span, .tabs-style .tabs-box .tabs-nav li.ui-state-default .ui-tabs-anchor span, .tabs-style .tabs-box .tabs-nav .tabs-item a span, .tabs-style .tabs-box .tabs-nav .tabs-item .ui-tabs-anchor span {
  padding-left: 5px;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default .action, .tabs-style#tabs ul.ui-tabs-nav .tabs-item .action, .tabs-style#tabs .tabs-nav li.ui-state-default .action, .tabs-style#tabs .tabs-nav .tabs-item .action, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default .action, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item .action, .tabs-style .ui-tabs .tabs-nav li.ui-state-default .action, .tabs-style .ui-tabs .tabs-nav .tabs-item .action, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default .action, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item .action, .tabs-style .tabs-box .tabs-nav li.ui-state-default .action, .tabs-style .tabs-box .tabs-nav .tabs-item .action {
  width: auto;
}
.tabs-style#tabs ul.ui-tabs-nav li.ui-state-default .editableText.active, .tabs-style#tabs ul.ui-tabs-nav .tabs-item .editableText.active, .tabs-style#tabs .tabs-nav li.ui-state-default .editableText.active, .tabs-style#tabs .tabs-nav .tabs-item .editableText.active, .tabs-style .ui-tabs ul.ui-tabs-nav li.ui-state-default .editableText.active, .tabs-style .ui-tabs ul.ui-tabs-nav .tabs-item .editableText.active, .tabs-style .ui-tabs .tabs-nav li.ui-state-default .editableText.active, .tabs-style .ui-tabs .tabs-nav .tabs-item .editableText.active, .tabs-style .tabs-box ul.ui-tabs-nav li.ui-state-default .editableText.active, .tabs-style .tabs-box ul.ui-tabs-nav .tabs-item .editableText.active, .tabs-style .tabs-box .tabs-nav li.ui-state-default .editableText.active, .tabs-style .tabs-box .tabs-nav .tabs-item .editableText.active {
  border: none;
  box-shadow: none;
  background: none;
  text-decoration: underline !important;
}

/* General styles for the site's tables */
.base-edit-link, table tbody tr td a.hideFm:before, table tbody tr td a.parent:before, table tbody tr td a.child:before, table tbody tr td a.partner:before, table tbody tr td a.unlink:before, table tbody tr td a.delete:before, table tbody tr td a.css-case-overview:before, table tbody tr td a.email:before, table tbody tr td a.edit:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "\f040";
  font-family: "Fontawesome";
  font-size: 20px;
  color: #4c4c4c;
  line-height: 20px;
}

table:not(.table-style) {
  width: 100%;
  table-layout: fixed;
}
table:not(.table-style) th {
  width: auto !important;
}

table thead {
  background: #595959;
  color: #fff;
}
table thead th {
  position: relative;
  padding: 0px 5px;
  height: 45px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #fff;
  background: #595959 !important;
  line-height: 100%;
}
table thead th label {
  margin-bottom: 0;
  font-weight: 400;
}
table thead th.sorting_desc label, table thead th.sorting_asc label, table thead th.sorting label {
  cursor: pointer;
}
table thead th.sorting_desc label:before, table thead th.sorting_asc label:before, table thead th.sorting label:before {
  content: "\f0dd";
}
table thead th.sorting_desc label:after, table thead th.sorting_asc label:after, table thead th.sorting label:after {
  content: "\f0de";
}
table thead th.sorting_desc label:before, table thead th.sorting_desc label:after, table thead th.sorting_asc label:before, table thead th.sorting_asc label:after, table thead th.sorting label:before, table thead th.sorting label:after {
  position: absolute;
  top: 50%;
  right: 5px;
  font-family: FontAwesome;
  color: #fff;
  opacity: 0.25;
  transition: opacity 0.2s ease-out;
  transform: translateY(-50%);
}
table thead th.sorting_desc label:before {
  opacity: 1;
}
table thead th.sorting_asc label:after {
  opacity: 1;
}
table thead th.sorting_disabled label:before, table thead th.sorting_disabled label:after {
  content: none;
}
table thead th:first-child {
  border-left: none;
}
table thead th:last-child {
  border-right: none;
}
table thead th:last-child:after {
  content: none;
}
table tbody tr {
  font-size: 15px;
  font-weight: 300;
  color: #4c4c4c;
}
table tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}
table tbody tr td {
  padding: 9px 10px;
  border: 1px solid #fff;
  font-weight: 400;
  position: relative;
  word-wrap: break-word;
}
table tbody tr td label {
  display: block;
  font-weight: 400;
  word-wrap: break-word;
  margin-bottom: 0;
}
table tbody tr td input[type=text] {
  color: #686868;
  font-size: 16px;
  font-weight: 300;
}
table tbody tr td button[type=button], table tbody tr td .btn, table tbody tr td .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset table tbody tr td button, table tbody tr td .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset table tbody tr td button {
  margin: 10px 0;
}
table tbody tr td select {
  border: 1px solid #d9d9d9;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #686868;
  padding: 0 10px;
  height: 45px;
  width: 100%;
  margin-right: 3px;
  float: left;
  display: table-cell;
  vertical-align: middle;
}
table tbody tr td:first-child {
  border-left: none;
}
table tbody tr td:last-child {
  border-right: none;
  padding: 5px;
  text-align: center;
}
table tbody tr td:last-child .action-buttons-wrapper {
  min-width: 70px;
}
table tbody tr td.dropdown-arrow:after {
  content: "\f107";
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 27px;
  color: #9fd118;
  font-family: "Fontawesome";
  pointer-events: none;
  z-index: 99;
}
table tbody tr td.LastModified {
  width: 100px;
}
table tbody tr td a.edit, table tbody tr td a.email, table tbody tr td a.delete, table tbody tr td a.unlink, table tbody tr td a.partner, table tbody tr td a.child, table tbody tr td a.parent, table tbody tr td a.hideFm, table tbody tr td a.css-case-overview {
  display: block;
  float: left;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 1px;
}
table tbody tr td a.email:before {
  content: "\f0e0";
  font-size: 20px;
}
table tbody tr td a.css-case-overview:before {
  content: "\f0e8";
  font-size: 20px;
}
table tbody tr td a.delete:before {
  content: "\f1f8";
}
table tbody tr td a.unlink:before {
  content: "\f127";
}
table tbody tr td a.partner:before {
  content: "" !important;
  background: url(/Themes/Genealex/Styles/images/add-partner-btn-black-new.svg) no-repeat 0px 0px;
  background-size: 100%;
}
table tbody tr td a.child:before {
  /*content:'\f1db';*/
  content: "" !important;
  background: url(/Themes/Genealex/Styles/images/add-child-btn-black-new.svg) no-repeat 0px 0px;
  background-size: 100%;
}
table tbody tr td a.parent:before {
  /*content:'\f096';*/
  content: "" !important;
  font-size: 21px;
  margin: 1px 0 0 3px;
  background: url(/Themes/Genealex/Styles/images/add-parent-btn-black-new.svg) no-repeat 0px 0px;
  background-size: 100%;
}
table tbody tr td a.hideFm {
  text-indent: -9999px;
  margin-left: 4px;
}
table tbody tr td a.hideFm:before {
  content: "\f06e";
  text-indent: 0;
}
table tbody tr td a.hideFm.hidden:before {
  color: #95c33f;
}
table tbody tr td a:hover:before {
  color: #9fd118;
}
table tbody tr td a.reminder-edit:before {
  font-size: 16px;
  width: 10px;
}
table tbody tr td a.reminder.generate_fm:before {
  font-size: 16px;
}
table tbody tr td a.NotaryAccess:before {
  content: "";
  background: url(/Themes/Genealex/Styles/images/notary-access.png) no-repeat 0px 0px;
  background-size: 100%;
  width: 30px;
  height: 30px;
}
table tbody tr td .select-wrap {
  position: relative;
  padding: 0;
  overflow-x: hidden;
}
table tbody tr td .select-wrap:before {
  display: block;
  position: absolute;
  top: 14px;
  right: 15px;
  font-family: FontAwesome;
  font-size: 15px;
  color: #95c33f;
  content: "\f078";
  pointer-events: none;
}
table tbody tr td .btn, table tbody tr td .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset table tbody tr td button, table tbody tr td .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset table tbody tr td button {
  display: block;
  float: left;
  margin: 0 5px;
}

/* Custom Table Styles */
#members-tbl {
  margin-bottom: 18px;
}

#document-datatable {
  width: 100% !important;
}
#document-datatable .table-wrapper {
  padding: 0 !important;
}
#document-datatable table.active, #document-datatable .table-style.active {
  display: table;
}
#document-datatable table.active thead, #document-datatable .table-style.active thead {
  display: table-header-group;
}
#document-datatable table.active thead th, #document-datatable .table-style.active thead th {
  color: #fff;
}
#document-datatable table.active tbody td, #document-datatable .table-style.active tbody td {
  text-align: start;
}
#document-datatable table.active tbody td a, #document-datatable table.active tbody td img, #document-datatable table.active tbody td button, #document-datatable .table-style.active tbody td a, #document-datatable .table-style.active tbody td img, #document-datatable .table-style.active tbody td button {
  text-align: center;
  cursor: pointer;
}
#document-datatable table.active tbody td a::before, #document-datatable table.active tbody td img::before, #document-datatable table.active tbody td button::before, #document-datatable .table-style.active tbody td a::before, #document-datatable .table-style.active tbody td img::before, #document-datatable .table-style.active tbody td button::before {
  float: initial;
  transition: color 0.4s ease-out;
}
#document-datatable table.active .button-wrapper, #document-datatable .table-style.active .button-wrapper {
  display: flex;
  flex-wrap: nowrap;
}
#document-datatable table.active .button-wrapper .button-disabled, #document-datatable .table-style.active .button-wrapper .button-disabled {
  opacity: 0.25;
  cursor: no-drop;
  pointer-events: none;
}
#document-datatable table.active .button-wrapper a, #document-datatable table.active .button-wrapper .action-item, #document-datatable .table-style.active .button-wrapper a, #document-datatable .table-style.active .button-wrapper .action-item {
  margin: 5px;
}
#document-datatable.dataTable tbody th, #document-datatable.dataTable tbody td {
  padding: 0 10px;
}
#document-datatable.dataTable tbody tr td {
  position: relative;
  /*&.upload-proof a.edit:before {
      margin-top: 5px;
  }*/
}
#document-datatable.dataTable tbody tr td.status-person-wrapper {
  padding-right: 35px;
  width: 290px;
}
#document-datatable.dataTable tbody tr td.create-document {
  width: 370px;
}
#document-datatable.dataTable tbody tr td span.status_person {
  margin-left: 30px;
  padding-right: 40px;
  width: 100%;
  position: inherit;
  z-index: 1;
}
#document-datatable.dataTable tbody tr td span.status_person a:before {
  top: 50%;
  transform: translateY(-50%);
  left: inherit;
  bottom: inherit;
  right: 20px;
}
#document-datatable.dataTable tbody tr td span.status_person a.edit {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
#document-datatable.dataTable tbody tr td span.status-circle {
  position: absolute;
  margin-left: 0;
  width: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: translateY(-50%); /* IE 9 */
  transform: translateY(-50%); /* IE 10, Fx 16+, Op 12.1+ */
  left: 10px;
}
#document-datatable.dataTable tbody td {
  padding: 2px 10px;
}
#document-datatable .pdf-icon {
  width: 25px;
  margin-right: 10px;
}
#document-datatable .pdf-icon a.edit {
  float: none;
}
#document-datatable .pdf-icon a.edit::before {
  width: 100%;
}
#document-datatable .request_tr .birth-certificate {
  width: 160px;
}
#document-datatable .request_tr .form-control {
  height: 24px;
  padding: 0px 12px;
}
#document-datatable .request_tr td span .fa-angle-down {
  margin-left: -50px;
  margin-top: 5px;
}

#document-datatable_wrapper {
  margin-top: 30px;
}

.create-document {
  width: 260px;
}
.create-document span {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.create-document .generate_fm:before {
  line-height: 30px;
  margin: 0 4px;
}

.create-document #uploadDoc,
.upload-proof #uploadDoc,
.upload-proof #uploadProof {
  height: 25px;
  font-size: 11px;
  line-height: 25px;
  margin: 3px 0px;
  padding: 0 5px;
}

.btn-wrapper {
  float: right;
  margin-right: 20px;
  height: 30px;
}

.upload-proof {
  text-align: left;
  padding-right: 5px;
}
.upload-proof .upload-proof-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.upload-proof #uploadProof {
  margin: 3px 5px 3px 3px;
}

.btn-wrapper {
  display: flex;
  align-items: center;
  float: none;
  margin-right: 20px;
  height: 30px;
}

.partner-reqiests {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 32px;
}

.document-control {
  padding: 0 13px !important;
}

#main {
  padding: 80px 10px 30px 185px !important;
}

.orderFM {
  margin-top: 1px !important;
  width: 70px !important;
  height: 30px !important;
  padding-bottom: 3px !important;
  padding-right: 3px !important;
  padding-top: 3px !important;
  padding-left: 10px !important;
  display: block;
  float: right !important;
  margin-left: 10px !important;
}

#footer {
  margin-top: 15px !important;
  margin-left: 186px !important;
}

.DocumentsErrors,
.DocumentsSuccess {
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 20px;
}
.DocumentsErrors > label,
.DocumentsSuccess > label {
  padding: 0px;
  display: block;
}
.DocumentsErrors > table tbody tr td,
.DocumentsSuccess > table tbody tr td {
  border: none !important;
  background-color: white !important;
  text-align: left;
}
.DocumentsErrors > table tbody tr th,
.DocumentsSuccess > table tbody tr th {
  border: none !important;
  background-color: white !important;
  text-align: left;
}
.DocumentsErrors > table,
.DocumentsSuccess > table {
  border: none !important;
  background-color: white !important;
}

.DocumentsRecipients {
  padding-top: 10px;
}
.DocumentsRecipients label.success-title {
  text-decoration: underline;
}
.DocumentsRecipients label.recipient-subtitle {
  vertical-align: middle;
  font-weight: normal;
  font-size: 14px;
}

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

.request_table {
  background-color: #F2F2F2;
}
.request_table .reminder-history {
  text-decoration: underline !important;
  font-size: 12px;
  float: left;
  width: 81px;
}
.request_table .document_tr td.warning-reminder:before, .request_table .document_case_tr td.warning-reminder:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "\f040";
  font-family: "Fontawesome";
  font-size: 15px;
  content: "\f071" !important;
  color: orange;
  width: 15px;
  float: left;
}

.DocumentsErrors label.error-title {
  text-decoration: underline;
}
.DocumentsErrors label.error-subtitle {
  font-weight: normal;
  font-style: italic;
  color: red;
  font-size: 14px;
}

table tr:nth-child(even).heirvisibility-row-heir-level-1 {
  background-color: #e1ebce;
}

table tr:nth-child(odd).heirvisibility-row-heir-level-1 {
  background-color: #dae8c8;
}

table tr:nth-child(even).heirvisibility-row-heir-level-0,
table tr:nth-child(1).heirvisibility-row-heir-level-0 {
  background-color: #f2f2f2 !important;
}

table tr:nth-child(odd).heirvisibility-row-heir-level-0 {
  background-color: #f9f9f9;
}

.heirvisibility-head-heir-name {
  font-weight: 600;
  font-size: 14px;
}

.heirvisibility-head-heir-extra-infos {
  font-size: 12px;
}

.heirsvisibility-table thead tr th {
  padding: 15px 10px;
}

/* Custom targeted style - from hack */
.heirsvisibility-table .tbl_column {
  position: relative;
}

.heirsvisibility-table .heirvisibility-head-request-name,
.heirsvisibility-table .heirvisibility-head-holding {
  width: calc(100% - 30px);
}

.heirsvisibility-table .heirvisibility-head-holdings {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

/* End of hack excerpt */
.heirsvisibility-table tbody tr td:last-child {
  padding: 9px 10px;
  text-align: initial;
}
.heirsvisibility-table .individual-alert {
  border: 5px solid red;
}
.heirsvisibility-table .individual-warning {
  border: 5px solid orange;
}
.heirsvisibility-table .individual-renoucing {
  border: 5px solid blue;
}

.table-filter table td {
  padding: 10px !important;
}
.table-filter table td .table-filter-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.table-filter table td .table-filter-center label {
  width: 100%;
  text-align: start;
}

.table-style select {
  appearance: auto !important;
}
.table-style input, .table-style select {
  height: 45px;
  margin: 5px 0 !important;
}
.table-style input[type=button], .table-style input[type=submit], .table-style select[type=button], .table-style select[type=submit] {
  width: 100%;
  max-width: 225px;
  background-color: #95c33f;
}
.table-style .table-simple-link {
  color: rgb(119.9285714286, 157.7142857143, 49.2857142857);
}
.table-style .table-simple-link:hover {
  color: #000;
}
.table-style .button-single {
  margin: 15px 0 !important;
}
.table-style, .table-style .dataTables_scrollHead {
  margin: 0 !important;
}
.table-style thead th {
  text-align: center;
}
.table-style td .action, .table-style .table-style-body-item .action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
}
.table-style td .action a, .table-style .table-style-body-item .action a {
  cursor: pointer;
}
.table-style td .action a::before, .table-style .table-style-body-item .action a::before {
  transition: all 0.4s ease-out;
}
.table-style td .action a:not(:last-child), .table-style .table-style-body-item .action a:not(:last-child) {
  margin-right: 15px !important;
}
.table-style .box {
  display: flex;
}
.table-style .box:first-child {
  margin-top: 0;
}
.table-style .box a {
  margin: 0 10px;
}

.list-filters {
  position: relative;
  padding: 10px;
  background: #f5f5f5;
  margin-bottom: 20px;
}
.list-filters .filter-item {
  position: relative;
  float: left;
  margin-right: 10px;
}
.list-filters .filter-item.select {
  border: 1px solid #d9d9d9;
  overflow: hidden;
}
.list-filters .filter-item.select:after {
  display: block;
  position: absolute;
  top: 7px;
  right: 12px;
  font-family: FontAwesome;
  font-size: 20px;
  color: #95c33f;
  content: "\f107";
  z-index: 1;
  pointer-events: none;
}
.list-filters .list-filters-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
.list-filters input,
.list-filters select {
  width: 100%;
  height: 35px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  padding: 3px 10px;
  margin: 0;
}
.list-filters input {
  border: 1px solid #d9d9d9;
}
.list-filters select {
  border: 0;
  width: 110%;
  height: 33px;
}
.list-filters input[type=submit] {
  width: auto;
  float: left;
  font-size: 16px;
  padding: 0 30px 2px;
  line-height: 1;
  border: 0;
  margin: 0 0 0 5px;
}

/*documents filters*/
.documents_filter {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px;
  clear: both;
}
.documents_filter .request-form label {
  float: left;
}
.documents_filter .date-form div {
  width: 20%;
  float: left;
}
.documents_filter .form-items-group {
  width: 100%;
}
.documents_filter .form-items-group .form-item {
  padding: 0 0 20px 0;
}
.documents_filter .form-items-group .form-item-checkbox {
  position: relative;
  padding-left: 160px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.documents_filter .form-items-group .form-item-checkbox.no-label {
  padding-left: 0;
}
.documents_filter .form-items-group .form-item-checkbox > label {
  position: absolute;
  left: 0;
}
.documents_filter .form-items-group .form-item-checkbox label {
  font-weight: 300;
  font-size: 15px;
}
.documents_filter .form-items-group .form-item .form-items-inner label {
  position: relative;
  padding-right: 0;
  padding-left: 10px;
  max-width: none;
}
.documents_filter .form-items-group .form-item .form-items-inner input[type=checkbox],
.documents_filter .form-items-group .form-item .form-items-inner input[type=radio] {
  position: absolute;
  left: 0;
}
.documents_filter .form-items-group .date-form .form-items-from {
  /*margin-right: 20px;*/
  margin-left: 3px;
  margin-right: 6px;
}
.documents_filter .form-items-group .date-form > label {
  line-height: 44px;
  margin-top: 20px;
}
.documents_filter .form-items-group .date-form .form-items-from,
.documents_filter .form-items-group .date-form .form-items-to {
  position: relative;
  /*width: 18%;*/
  width: 30%;
}
.documents_filter .form-items-group .date-form .form-items-from:after,
.documents_filter .form-items-group .date-form .form-items-to:after {
  content: "\f073";
  display: inline-block;
  color: #595959;
  text-align: center;
  font-family: "Fontawesome";
  font-size: 19px;
  position: absolute;
  right: 15px;
  top: 28px;
}

.dataTables_filter {
  display: none;
}

.filter-responsible-reminder {
  margin-top: 20px;
}

.paging, .sPaging {
  padding: 25px 0;
}
.paging ul, .paging li, .paging a, .sPaging ul, .sPaging li, .sPaging a {
  display: block !important;
  float: left !important;
  margin: 0 !important;
}
.paging a, .sPaging a {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  line-height: 30px;
  text-align: center;
  height: 32px;
  min-width: 32px;
  padding: 0 8px;
  border: 1px solid #dadada;
  margin: 0 8px 0 0 !important;
}
.paging a:hover, .sPaging a:hover {
  color: #333;
  background: #dadada;
}
.paging a.active, .sPaging a.active {
  color: #fff;
  background: #95c33f;
  border: 1px solid #95c33f;
}

.scenarioBranches {
  display: none;
}

.scenarioBlock {
  display: inline-block;
  margin-top: 10px;
  width: 100%;
}
.scenarioBlock .form-item.select-wrap {
  display: inline-block;
  width: 100% !important;
  text-align: center;
}
.scenarioBlock select {
  text-align: center;
  text-align-last: center;
  width: 100%;
}
.scenarioBlock .track-boxes {
  width: 100%;
}

.partial .scenarioBranches .form-item .track-boxes .quota-label {
  max-width: 60px;
}
.partial .scenarioBranches .form-item .track-boxes .quota-input {
  width: 20%;
}

#cases #file-info label {
  padding: 6px 0px 0px 0px;
}

.partial .scenarioBlock .select-wrap:before, .partial .scenarioBlock .form-item.parent:before {
  right: 445px;
}

.info-block-content.case-info {
  height: initial;
}

#file-info .checkbox-area .scenarioBranches .form-item {
  width: 100%;
}

/*---------------- Scenario -------------------------------*/
.add-scenario-partial .form-item input[type=text], .add-scenario-partial .form-item select {
  max-width: 100%;
}

/*---------------- Scenario treeview ------------------------------------*/
.basicdiagram ul.ui-widget li .cs-add-partner-btn,
.orgdiagram ul.ui-widget li .ui-icon.cs-add-partner-btn {
  background: url(../images/wedding-ico.svg) center center no-repeat !important;
}

#create-scenario .bp-item.bp-corner-all.bt-item-frame.bt-item-union {
  background-color: white !important;
  min-height: 100px;
}
#create-scenario .bp-item .cs-individual-date span.place-zoom2.birth-place,
#create-scenario .bp-item .cs-individual-date span.place-zoom2.death-place {
  width: inherit;
  height: 25px;
  width: 102px;
}

.tab-pane .bp-item .cs-individual-date span.place-zoom2.birth-place,
.tab-pane .bp-item .cs-individual-date span.place-zoom2.death-place {
  width: inherit;
  height: 25px;
  width: 102px;
}

.treeview-block {
  width: 100% !important;
}

.treeview-wrapper {
  padding: 30px 0 0 0 !important;
  background: none !important;
}
.treeview-wrapper .bp-scrollframe {
  height: 100% !important;
  width: 100% !important;
  background-color: #f5f5f5;
  border: none;
}

/*------------------ Contact CRM -----------------------------------------*/
#contactCRM #menu2.tab-pane {
  position: relative;
  width: initial !important;
  margin-top: auto;
  z-index: 2;
}

#content #contactCRM.tab-content {
  background: #f5f5f5;
  padding: 30px 10px;
}

.showMeHasRoot {
  border: 2px solid red;
  box-sizing: border-box;
}

#basicdiagramPopup .showMeHasRoot {
  border: none;
}

div .bp-item.bp-corner-all.bt-item-frame {
  overflow: visible;
}
div .bp-item.bp-corner-all.bt-item-frame.big-item {
  width: 364px !important;
  background-color: white;
}

.bp-item.bp-corner-all.bt-item-frame.bt-item-union,
.bp-item.bp-corner-all.bt-item-frame.bt-item-union-big {
  background: none;
  background-color: white;
  border: 0;
  height: auto !important;
  min-height: 65px;
}

.bp-item.bp-corner-all.bt-item-union-big {
  background-color: white;
}

span.treeview-icon {
  display: inline-block;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: translatey(25%);
}
span.treeview-icon.union {
  background-image: url(../familymember/images/wedding-ico.svg) !important;
}
span.treeview-icon.separation {
  background-image: url(../familymember/images/divorce-ico.svg) !important;
}

.divSettingText {
  float: left;
}

.divSettingType {
  margin-bottom: 20px;
}

.divSettingTypeTitle {
  font-size: 19px;
  background-color: lightgray;
}

#editScenario .form-item {
  padding: 0;
}
#editScenario .form-item.dropdown-arrow {
  position: relative;
}
#editScenario .form-item.dropdown-arrow:after {
  /*top: 35px;*/
  position: absolute;
  top: 12px;
  right: 15px;
  left: auto;
  pointer-events: none;
}
#editScenario table tbody tr td {
  padding: 10px;
  vertical-align: top;
}
#editScenario a {
  display: block;
  margin: 0 10px 0 0 !important;
  float: left;
}

.bp-item {
  position: initial;
}
.bp-item .cs-individual-date {
  height: 30px !important;
  padding: 3px 10px;
}
.bp-item .cs-individual-date span.birth-place, .bp-item .cs-individual-date span.death-place {
  width: 59%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bp-item .cs-individual-date span.place.dept {
  padding-left: 0px;
}
.bp-item .cs-individual-date span.birth-place-zoom2 {
  background-size: auto;
}
.bp-item .notes {
  min-height: 75px !important;
}

.cs-individual-date {
  position: relative;
  z-index: 1;
}
.cs-individual-date span.birth-place, .bp-item .cs-individual-date span.death-place, .cs-individual-date span.death-place {
  width: 59%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.bp-item-overflow {
  overflow: visible;
}

.bt-item-union-big {
  overflow: visible;
}

/*loading spinner*/
@-webkit-keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes uil-default-anim {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.uil-default-css > div:nth-of-type(1),
.uil-default-css > div:nth-of-type(2),
.uil-default-css > div:nth-of-type(3),
.uil-default-css > div:nth-of-type(4),
.uil-default-css > div:nth-of-type(5),
.uil-default-css > div:nth-of-type(6),
.uil-default-css > div:nth-of-type(7),
.uil-default-css > div:nth-of-type(8),
.uil-default-css > div:nth-of-type(9),
.uil-default-css > div:nth-of-type(10),
.uil-default-css > div:nth-of-type(11),
.uil-default-css > div:nth-of-type(12) {
  -webkit-animation: uil-default-anim 1s linear infinite;
  animation: uil-default-anim 1s linear infinite;
}
.uil-default-css > div:nth-of-type(1) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.uil-default-css > div:nth-of-type(2) {
  -webkit-animation-delay: -0.4166666667s;
  animation-delay: -0.4166666667s;
}
.uil-default-css > div:nth-of-type(3) {
  -webkit-animation-delay: -0.3333333333s;
  animation-delay: -0.3333333333s;
}
.uil-default-css > div:nth-of-type(4) {
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.uil-default-css > div:nth-of-type(5) {
  -webkit-animation-delay: -0.1666666667s;
  animation-delay: -0.1666666667s;
}
.uil-default-css > div:nth-of-type(6) {
  -webkit-animation-delay: -0.0833333333s;
  animation-delay: -0.0833333333s;
}
.uil-default-css > div:nth-of-type(7) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.uil-default-css > div:nth-of-type(8) {
  -webkit-animation-delay: 0.0833333333s;
  animation-delay: 0.0833333333s;
}
.uil-default-css > div:nth-of-type(9) {
  -webkit-animation-delay: 0.1666666667s;
  animation-delay: 0.1666666667s;
}
.uil-default-css > div:nth-of-type(10) {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.uil-default-css > div:nth-of-type(11) {
  -webkit-animation-delay: 0.3333333333s;
  animation-delay: 0.3333333333s;
}
.uil-default-css > div:nth-of-type(12) {
  -webkit-animation-delay: 0.4166666667s;
  animation-delay: 0.4166666667s;
}

/*------------------------- HOLDING CREATE / EDIT  START -------------------------------*/
#holding-template .form-item .upload-box, #holding-template .form-item #divUploadDocControlsOriginalFilename.form-item #files {
  display: inline-block;
  float: none;
}
#holding-template .form-item .arrow {
  display: inline-block;
  width: 100%;
  color: #686868;
  font-weight: 300;
  vertical-align: middle;
  max-width: 285px;
}
#holding-template .form-item.radio-button-list label {
  padding: 0 0px 0 0;
}
#holding-template .form-item.dropdown-arrow:after {
  top: 35px;
}
#holding-template .form-item.dropdown-arrow:after {
  position: absolute;
  top: 3px;
  right: 15px;
  left: auto;
  pointer-events: none;
}
#holding-template .form-item.dropdown-arrow:after {
  content: "\f107";
  display: inline-block;
  position: relative;
  left: -35px;
  color: #9fd118;
  font-family: "Fontawesome";
  pointer-events: none;
  z-index: 99;
}
#holding-template .text-danger {
  color: #a94442;
}
#holding-template #divUploadDocControlsOriginalFilename.form-item #files div {
  background: #cecdcd;
  padding: 3px 3px 3px 3px;
  margin: 3px;
  width: 130%;
}
#holding-template #divUploadDocControlsOriginalFilename.form-item #files div .delete:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "\f1f8";
  font-family: "Fontawesome";
  font-size: 20px;
  color: #4c4c4c;
  line-height: 20px;
}
#holding-template #divUploadDocControlsOriginalFilename.form-item #files div .view-pdf:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "\f06e";
  text-indent: 0;
  font-family: "Fontawesome";
  font-size: 20px;
  color: #4c4c4c;
  line-height: 20px;
}
#holding-template #divUploadDocControlsOriginalFilename.form-item #files div .view-pdf {
  display: block;
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 1px;
}
#holding-template #divUploadDocControlsOriginalFilename.form-item #files div .delete {
  display: block;
  float: right;
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 1px;
}

#CategoryDiv label,
#estimationDateDiv label,
#agreementDateDiv label {
  float: left;
  max-width: 163px;
}

#estimationDateDiv input,
#agreementDateDiv input {
  max-width: 266px;
}

.holding-textarea textarea {
  min-width: 285px;
}

/*------------------------- HOLDING CREATE / EDIT  END -------------------------------*/
/*icons for treeview overiden by last sass merge*/
.editableText {
  outline: 0;
  padding: 4px 22px 4px 4px;
  border: 1px solid transparent;
  border-radius: 3px;
}
.editableText.active {
  background-image: none;
  background-color: #FFFFE1;
  border-color: #ccc;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  font-weight: inherit;
  cursor: text;
}

.edit:before {
  content: "\f040";
  display: inline-block;
  font-size: 20px;
  margin-left: 3px;
}

.ViewPdf:before {
  content: "\f1c1" !important;
}

.PreviewFile:before {
  content: "\f06e" !important;
}

.link-member-heading .edit:before {
  content: "";
}

.inbox_tr_white .upload-box {
  width: 90%;
  margin: auto;
}

.inbox-centered-cell {
  display: block;
  width: 80%;
  margin: auto;
  float: none;
}

/* Custom targeted style - from hack */
#document-template form .form-item {
  display: block;
}

form .row {
  width: 100%;
}
form .row .action-container {
  float: right;
}
form .form-item {
  padding-right: 6px;
  display: flex;
  align-items: center;
}
form .form-item.chk-product-types {
  float: left;
  display: flex;
  align-items: center;
  height: 65px;
}
form .form-item #partialPrice {
  width: 70%;
}
form .form-item-title {
  padding-bottom: 10px !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  max-width: none !important;
}
form .sub-item {
  padding-left: 15px;
}
form select:disabled {
  cursor: no-drop;
}

#depositproof:before {
  content: url("../images/MailEva/depositproof.svg");
  display: inline-block;
  width: 16px;
  height: 16px;
}

#recipientarchive:before {
  content: url("../images/MailEva/recipientarchive.svg");
  display: inline-block;
  width: 16px;
  height: 16px;
}

#recipientacknowledgement:before {
  content: url("../images/MailEva/recipientacknowledgement.svg");
  display: inline-block;
  width: 16px;
  height: 16px;
}

.placeholder.orgdiagram {
  width: 100% !important;
}

.diagram-wrapper {
  background-color: #f5f5f5;
}

.basicdiagram,
.orgdiagram {
  margin: 0 !important;
}
.basicdiagram ul.ui-widget-zoom2,
.orgdiagram ul.ui-widget-zoom2 {
  width: 20px !important;
}
.basicdiagram ul.ui-widget,
.orgdiagram ul.ui-widget {
  display: block;
  float: left;
  list-style: none;
  width: 30px;
  height: auto !important;
  border: 1px solid #d9d9d9;
  border-left: 0;
  border-bottom: 0;
}
.basicdiagram ul.ui-widget li.famdiagrambutton-zoom2,
.orgdiagram ul.ui-widget li.famdiagrambutton-zoom2 {
  width: 20px !important;
  height: 20px !important;
  padding: 2px 2px 2px !important;
}
.basicdiagram ul.ui-widget li,
.orgdiagram ul.ui-widget li {
  display: block;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 30px !important;
  height: 30px !important;
  padding: 5px 5px 4px !important;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
}
.basicdiagram ul.ui-widget li .ui-button-text,
.orgdiagram ul.ui-widget li .ui-button-text {
  display: none !important;
}
.basicdiagram ul.ui-widget li .cs-add-child-btn,
.orgdiagram ul.ui-widget li .cs-add-child-btn {
  border: 1px solid #95c33f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.basicdiagram ul.ui-widget li .cs-add-parent-btn,
.orgdiagram ul.ui-widget li .cs-add-parent-btn {
  border: 1px solid #95c33f;
}
.basicdiagram ul.ui-widget li .cs-add-partner-btn,
.orgdiagram ul.ui-widget li .cs-add-partner-btn {
  background: url(/Themes/Genealex/Styles/images/wedding-ico.svg) center center no-repeat !important;
}
.basicdiagram ul.ui-widget li .cs-edit-btn:before,
.orgdiagram ul.ui-widget li .cs-edit-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 16px;
  color: #95c33f;
  text-align: center;
  line-height: 20px;
  text-indent: 0;
  content: "\f040";
}
.basicdiagram ul.ui-widget li .cs-edit-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-edit-btn-zoom2:before {
  width: 15px !important;
  height: 15px !important;
  line-height: 15px !important;
}
.basicdiagram ul.ui-widget li .cs-add-child-btn:before,
.basicdiagram ul.ui-widget li .cs-add-child-btn:after,
.basicdiagram ul.ui-widget li .cs-add-parent-btn:before,
.basicdiagram ul.ui-widget li .cs-add-parent-btn:after,
.basicdiagram ul.ui-widget li .cs-add-partner-btn:before,
.basicdiagram ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after {
  display: block;
  position: absolute;
  content: "";
  background: #95c33f;
}
.basicdiagram ul.ui-widget li .cs-add-child-btn:before,
.basicdiagram ul.ui-widget li .cs-add-parent-btn:before,
.basicdiagram ul.ui-widget li .cs-add-partner-btn:before,
.basicdiagram ul.ui-widget li .cs-add-child-btn:before,
.basicdiagram ul.ui-widget li .cs-add-parent-btn:before,
.basicdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before {
  top: 5px;
  left: 9px;
  width: 1px;
  height: 8px;
}
.basicdiagram ul.ui-widget li .cs-add-child-btn:after,
.basicdiagram ul.ui-widget li .cs-add-parent-btn:after,
.basicdiagram ul.ui-widget li .cs-add-partner-btn:after,
.basicdiagram ul.ui-widget li .cs-add-child-btn:after,
.basicdiagram ul.ui-widget li .cs-add-parent-btn:after,
.basicdiagram ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after {
  top: 9px;
  left: 5px;
  width: 8px;
  height: 1px;
}
.basicdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
.basicdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
.basicdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before,
.basicdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
.basicdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
.basicdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before {
  top: 2px !important;
  left: 7px !important;
  width: 1px !important;
  height: 9px !important;
}
.basicdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
.basicdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
.basicdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after,
.basicdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
.basicdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
.basicdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after {
  top: 6px !important;
  left: 3px !important;
  width: 8px !important;
  height: 1px !important;
}

#basicdiagram ul.ui-widget li .ui-icon,
.orgdiagram ul.ui-widget li .ui-icon {
  display: block;
  position: relative;
  width: 100% !important;
  height: 100% !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  cursor: pointer;
  /*background-image: none !important;*/
}
#basicdiagram ul.ui-widget li .cs-hidden-desc-btn:before,
.orgdiagram ul.ui-widget li .cs-hidden-desc-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "Fontawesome";
  font-size: 20px;
  color: #95c33f;
  line-height: 20px;
  text-indent: 0;
  content: "\f071";
}
#basicdiagram ul.ui-widget li .ui-icon,
#basicdiagram ul.ui-widget li .ui-icon.ui-icon-nobg,
.orgdiagram ul.ui-widget li .ui-icon,
.orgdiagram ul.ui-widget li .ui-icon.ui-icon-nobg {
  background-image: none;
}

#basicdiagramPopup {
  margin-top: 50px;
}

#basicdiagramPopup ul.ui-widget-zoom2,
.orgdiagram ul.ui-widget-zoom2 {
  width: 20px !important;
}
#basicdiagramPopup ul.ui-widget,
.orgdiagram ul.ui-widget {
  display: block;
  float: left;
  list-style: none;
  width: 30px;
  height: auto !important;
  border: 1px solid #d9d9d9;
  border-left: 0;
  border-bottom: 0;
}
#basicdiagramPopup ul.ui-widget li.famdiagrambutton-zoom2,
.orgdiagram ul.ui-widget li.famdiagrambutton-zoom2 {
  width: 20px !important;
  height: 20px !important;
  padding: 2px 2px 2px !important;
}
#basicdiagramPopup ul.ui-widget li,
.orgdiagram ul.ui-widget li {
  display: block;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 30px !important;
  height: 30px !important;
  padding: 5px 5px 4px !important;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
}
#basicdiagramPopup ul.ui-widget li .ui-button-text,
.orgdiagram ul.ui-widget li .ui-button-text {
  display: none !important;
}
#basicdiagramPopup ul.ui-widget li .ui-icon,
.orgdiagram ul.ui-widget li .ui-icon {
  display: block;
  position: relative;
  width: 100% !important;
  height: 100% !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  cursor: pointer;
  /*background-image: none !important;*/
}
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn,
.orgdiagram ul.ui-widget li .cs-add-child-btn {
  border: 1px solid #95c33f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn,
.orgdiagram ul.ui-widget li .cs-add-parent-btn {
  border: 1px solid #95c33f;
}
#basicdiagramPopup ul.ui-widget li .cs-edit-btn:before,
.orgdiagram ul.ui-widget li .cs-edit-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 16px;
  color: #95c33f;
  text-align: center;
  line-height: 20px;
  text-indent: 0;
  content: "\f040";
}
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after {
  display: block;
  position: absolute;
  content: "";
  background: #95c33f;
}
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:before,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before {
  top: 5px;
  left: 9px;
  width: 1px;
  height: 8px;
}
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn:after,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after {
  top: 9px;
  left: 5px;
  width: 8px;
  height: 1px;
}
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn-zoom2:before,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn-zoom2:before,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn-zoom2:before,
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn-zoom2:before,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn-zoom2:before,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before {
  top: 2px !important;
  left: 7px !important;
  width: 1px !important;
  height: 9px !important;
}
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn-zoom2:after,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn-zoom2:after,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn-zoom2:after,
#basicdiagramPopup ul.ui-widget li .cs-add-child-btn-zoom2:after,
#basicdiagramPopup ul.ui-widget li .cs-add-parent-btn-zoom2:after,
#basicdiagramPopup ul.ui-widget li .cs-add-partner-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after {
  top: 6px !important;
  left: 3px !important;
  width: 8px !important;
  height: 1px !important;
}

#basicdiagrambasicdiagramPopup ul.ui-widget li .cs-edit-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-edit-btn-zoom2:before {
  width: 15px !important;
  height: 15px !important;
  line-height: 15px !important;
}

#basicdiagram {
  position: relative !important;
  border: 0 !important;
  padding-top: 25px;
}
#basicdiagram .orgdiagram {
  position: relative !important;
  overflow: visible !important;
}

.bp-item {
  overflow: unset;
}
.bp-item .request-circle {
  min-width: 16px;
}
.bp-item .item-header {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bp-item .item-title {
  font-size: 10px;
  color: rgb(0, 0, 0);
  text-align: center;
  padding: 0 15px;
  overflow: hidden;
}
.bp-item .item-footer {
  min-height: 20px;
}
.bp-item .item-action-bar {
  border-left: 1px solid #95c33f;
  padding: 0 3px;
}
.bp-item .item-action-bar ul {
  display: flex;
  flex-direction: column;
  justify-content: start;
  height: 100%;
}
.bp-item .trackers {
  float: left;
}
.bp-item .actions {
  display: flex;
  margin: 5px 0 0 5px;
  float: left;
}
.bp-item .actions label {
  margin-right: 5px;
}
.bp-item.size-2, .bp-item.size-3 {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: white;
}
.bp-item.size-2 .item-body, .bp-item.size-3 .item-body {
  display: flex;
  height: 100%;
  background-color: white;
}
.bp-item.size-2 .item-body-contents, .bp-item.size-3 .item-body-contents {
  width: 100%;
  padding-top: 3px;
  display: flex;
  flex-direction: column;
}
.bp-item.size-2 .item-footer, .bp-item.size-3 .item-footer {
  border-top: 1px solid grey;
}
.bp-item.size-2 .item-footer .fm-info:before, .bp-item.size-3 .item-footer .fm-info:before {
  top: 1px;
}
.bp-item.size-2 .item-header, .bp-item.size-3 .item-header {
  height: unset;
  justify-content: unset;
  min-height: 30px;
  display: flex;
  align-items: center;
}
.bp-item.size-2 .item-header .item-title, .bp-item.size-3 .item-header .item-title {
  font-size: 13px;
  white-space: nowrap;
  height: fit-content;
}
.bp-item.size-2 .item-body-details {
  height: 100%;
}
.bp-item.size-3 .item-body {
  overflow: hidden;
}
.bp-item.size-3 .item-body-details {
  display: flex;
  flex-direction: column;
  height: 55%;
}
.bp-item.size-3 .item-footer {
  padding: 10px;
}
.bp-item.size-3 .individual-datas-left {
  max-width: 65%;
  display: flex;
  align-items: center;
}
.bp-item.size-3 .individual-datas-left .place {
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.bp-item.size-3 .notes {
  font-size: 12px;
  height: 100%;
  overflow-y: auto;
}
.bp-item.size-3 .notes .distrainee-relationship, .bp-item.size-3 .notes .note, .bp-item.size-3 .notes .note-notary {
  white-space: pre-line;
  width: 100%;
  display: block;
}
.bp-item.size-3 .notes .note-textbox, .bp-item.size-3 .notes .note-textbox-save-button {
  display: none;
}
.bp-item.size-3 .notes .note-textbox-save-button {
  height: auto;
  padding: 5px;
  font-size: 12px;
  line-height: initial;
}
.bp-item.size-3 .notes .note-textbox {
  resize: none;
}
.bp-item.size-3 .item-action-bar ul li {
  margin: 3px 0;
}
.bp-item.size-3 .fm-info::before {
  margin-left: unset;
}
.bp-item .individual-datas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 5px;
}
.bp-item .individual-datas span {
  margin: 0 3px;
  padding-left: 5px;
  padding-right: 5px;
}
.bp-item .individual-datas span.treeview-icon {
  margin-top: -11px;
  min-width: 20px;
}
.bp-item .individual-datas span.date {
  width: 100%;
}
.bp-item .individual-datas .request-circle {
  margin-top: unset;
}
.bp-item .individual-datas:after {
  content: none;
}
.bp-item .treeview-icon {
  height: 15px;
  width: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.bp-item .treeview-icon-union {
  background-image: url(../familymember/images/wedding-ico.svg);
}
.bp-item .treeview-icon-end-union {
  background-image: url(../familymember/images/divorce-ico.svg);
}
.bp-item .treeview-icon-end-union-due-to-death {
  background-image: url(../familymember/images/death-ico.svg);
}
.bp-item .treeview-icon-birth {
  background-image: url(../familymember/images/birth-ico.svg);
}
.bp-item .treeview-icon-death {
  background-image: url(../familymember/images/death-ico.svg);
}
.bp-item .treeview-icon-add-parent {
  background-image: url(/Themes/Genealex/Styles/images/add-parent-btn-new-plus.svg);
}
.bp-item .treeview-icon-add-partner {
  background-image: url(/Themes/Genealex/Styles/images/add-partner-btn-new-plus.svg);
}
.bp-item .treeview-icon-add-child {
  background-image: url(/Themes/Genealex/Styles/images/add-child-btn-new-plus.svg);
}
.bp-item .treeview-icon-eye {
  -webkit-mask-image: url(/Themes/Genealex/Styles/images/eye.svg);
  mask-image: url(/Themes/Genealex/Styles/images/eye.svg);
  background-color: #95c33f;
}
.bp-item .treeview-icon-eye.hiddenIndividual {
  background-color: #f93131;
}
.bp-item .treeview-icon a {
  display: block;
  height: 100%;
  widows: 100%;
}
.bp-item .action-button {
  font-family: FontAwesome;
  font-size: 16px;
  color: #95c33f;
  line-height: 20px;
  text-indent: 0;
}
.bp-item .action-button-edit a:after {
  color: #95c33f;
  content: "\f040";
}
.bp-item.union {
  position: absolute;
  border: 1px solid pink;
}
.bp-item.union.size-1 {
  width: 119px;
  height: 27px;
}
.bp-item.union .item-header {
  background-color: rgb(254, 237, 255);
}
.bp-item.union .item-footer {
  border-top: 1px solid pink;
}
.bp-item.union-datas {
  white-space: nowrap;
}
.bp-item.union.size-2 .item-header, .bp-item.union.size-3 .item-header {
  height: unset;
  min-height: 23px;
  justify-content: unset;
}
.bp-item.union.size-2 .item-body, .bp-item.union.size-3 .item-body {
  height: 100%;
  display: block;
}
.bp-item.union.size-2 .union-edit-treeview:before, .bp-item.union.size-3 .union-edit-treeview:before {
  top: 2px;
  left: unset;
  right: 4px;
}
.bp-item.union.size-2 .item-title, .bp-item.union.size-3 .item-title {
  color: rgb(0, 0, 0);
  font-size: 16px;
}
.bp-item.union.size-2 .union-datas, .bp-item.union.size-3 .union-datas {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
.bp-item.union.size-2 .union-datas-left, .bp-item.union.size-3 .union-datas-left {
  margin-left: 2px;
  display: flex;
  align-items: center;
  width: 60%;
}
.bp-item.union.size-2 .union-datas-left span, .bp-item.union.size-3 .union-datas-left span {
  margin: 0 3px;
}
.bp-item.union.size-2 .union-datas-left span.treeview-icon, .bp-item.union.size-3 .union-datas-left span.treeview-icon {
  margin-top: -6px;
}
.bp-item.union.size-2 .union-datas-left span.place, .bp-item.union.size-3 .union-datas-left span.place {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bp-item.union.size-2 .union-datas-left .request-circle, .bp-item.union.size-3 .union-datas-left .request-circle {
  margin-top: unset;
}
.bp-item.union.size-2 .union-datas-right, .bp-item.union.size-3 .union-datas-right {
  margin-right: 5px;
}
.bp-item.union.size-2 .union-datas:after, .bp-item.union.size-3 .union-datas:after {
  content: none;
}
.bp-item.from-will {
  position: absolute;
}
.bp-item.from-will.size-1 .fm-info:before, .bp-item.from-will.size-2 .fm-info:before {
  color: black;
}
.bp-item.from-will.size-1 {
  width: 139px;
  height: 27px;
  background-color: rgb(156, 117, 20);
  border: 2px solid rgb(156, 117, 20);
}
.bp-item.from-will.size-1 .item-title {
  color: white;
}
.bp-item.from-will.size-1 .item-footer {
  position: absolute;
  margin-top: -16px;
  margin-left: -3px;
  color: #373434;
}
.bp-item.from-will.size-1.incapacity {
  background: #ffa500;
  border: 2px solid #ffa500;
}
.bp-item.from-will.size-1.incapacity .item-header {
  border-bottom: 2px solid #ffa500;
}
.bp-item.from-will.size-1.incapacity .item-header .item-title {
  color: white;
}
.bp-item.from-will.size-2, .bp-item.from-will.size-3 {
  border: 2px solid rgb(156, 117, 20);
  background: rgb(156, 117, 20);
}
.bp-item.from-will.size-2 .item-header, .bp-item.from-will.size-3 .item-header {
  border-bottom: 2px solid rgb(156, 117, 20);
}
.bp-item.from-will.size-2 .item-header .item-title, .bp-item.from-will.size-3 .item-header .item-title {
  color: white;
}
.bp-item.from-will.size-2.distrainee, .bp-item.from-will.size-3.distrainee {
  background-color: rgb(255, 0, 0);
  border: 2px solid rgb(255, 0, 0);
}
.bp-item.from-will.size-2.distrainee .item-title, .bp-item.from-will.size-3.distrainee .item-title {
  color: white;
}
.bp-item.from-will.size-2.incapacity, .bp-item.from-will.size-3.incapacity {
  background: #ffa500;
  border: 2px solid #ffa500;
}
.bp-item.from-will.size-2.incapacity .item-header, .bp-item.from-will.size-3.incapacity .item-header {
  border-bottom: 2px solid #ffa500;
}
.bp-item.from-will.size-2.incapacity .item-header .item-title, .bp-item.from-will.size-3.incapacity .item-header .item-title {
  color: white;
}
.bp-item.representant {
  position: absolute;
}
.bp-item.representant.size-1 .fm-info:before, .bp-item.representant.size-2 .fm-info:before {
  color: black;
}
.bp-item.representant.size-1 {
  width: 139px;
  height: 27px;
  background-color: rgb(0, 128, 0);
  border: 2px solid rgb(0, 128, 0);
}
.bp-item.representant.size-1 .item-title {
  color: white;
}
.bp-item.representant.size-1 .item-footer {
  position: absolute;
  margin-top: -16px;
  margin-left: -3px;
}
.bp-item.representant.size-1.incapacity {
  background: #ffa500;
  border: 2px solid #ffa500;
}
.bp-item.representant.size-1.incapacity .item-header {
  border-bottom: 2px solid #ffa500;
}
.bp-item.representant.size-1.incapacity .item-header .item-title {
  color: white;
}
.bp-item.representant.size-2, .bp-item.representant.size-3 {
  border: 2px solid rgb(0, 128, 0);
  background: rgb(0, 128, 0);
}
.bp-item.representant.size-2 .item-header, .bp-item.representant.size-3 .item-header {
  border-bottom: 2px solid rgb(0, 128, 0);
}
.bp-item.representant.size-2 .item-header .item-title, .bp-item.representant.size-3 .item-header .item-title {
  color: white;
}
.bp-item.representant.size-2.distrainee, .bp-item.representant.size-3.distrainee {
  background-color: rgb(255, 0, 0);
  border: 2px solid rgb(255, 0, 0);
}
.bp-item.representant.size-2.distrainee .item-title, .bp-item.representant.size-3.distrainee .item-title {
  color: white;
}
.bp-item.representant.size-2.incapacity, .bp-item.representant.size-3.incapacity {
  background: #ffa500;
  border: 2px solid #ffa500;
}
.bp-item.representant.size-2.incapacity .item-header, .bp-item.representant.size-3.incapacity .item-header {
  border-bottom: 2px solid #ffa500;
}
.bp-item.representant.size-2.incapacity .item-header .item-title, .bp-item.representant.size-3.incapacity .item-header .item-title {
  color: white;
}
.bp-item.representant.size-2.accepted, .bp-item.representant.size-3.accepted {
  background-color: rgb(0, 128, 0);
  border: 2px solid rgb(0, 128, 0);
}
.bp-item.representant.size-2.accepted .item-title, .bp-item.representant.size-3.accepted .item-title {
  color: white;
}
.bp-item.family-member {
  position: absolute;
}
.bp-item.family-member.size-1 .fm-info:before, .bp-item.family-member.size-2 .fm-info:before {
  color: black;
}
.bp-item.family-member.size-1 {
  width: 139px;
  height: 27px;
  background-color: rgb(64, 128, 128);
  border: 2px solid rgb(64, 128, 128);
}
.bp-item.family-member.size-1 .item-title {
  color: white;
}
.bp-item.family-member.size-1 .item-footer {
  position: absolute;
  margin-top: -16px;
  margin-left: -3px;
}
.bp-item.family-member.size-1.the-deceased {
  background-color: black;
  border: 2px solid black;
}
.bp-item.family-member.size-1.the-deceased .item-title {
  color: white;
}
.bp-item.family-member.size-1.the-deceased .fm-info:before {
  color: grey;
}
.bp-item.family-member.size-1.renoucing {
  background-color: blue;
  border: 2px solid blue;
}
.bp-item.family-member.size-1.renoucing .item-title {
  color: white;
}
.bp-item.family-member.size-1.accepted {
  background-color: rgb(0, 128, 0);
  border: 2px solid rgb(0, 128, 0);
}
.bp-item.family-member.size-1.accepted .item-title {
  color: white;
}
.bp-item.family-member.size-1.distrainee {
  background-color: rgb(255, 0, 0);
  border: 2px solid rgb(255, 0, 0);
}
.bp-item.family-member.size-1.distrainee .item-title {
  color: white;
}
.bp-item.family-member.size-1.deceased {
  background-color: grey;
  border: 2px solid grey;
}
.bp-item.family-member.size-1.deceased .item-title {
  color: white;
}
.bp-item.family-member.size-2, .bp-item.family-member.size-3 {
  border: 2px solid rgb(64, 128, 128);
  background: rgb(64, 128, 128);
}
.bp-item.family-member.size-2 .item-header, .bp-item.family-member.size-3 .item-header {
  border-bottom: 2px solid rgb(64, 128, 128);
}
.bp-item.family-member.size-2 .item-header .item-title, .bp-item.family-member.size-3 .item-header .item-title {
  color: white;
}
.bp-item.family-member.size-2.the-deceased, .bp-item.family-member.size-3.the-deceased {
  background-color: black;
  border-color: black;
}
.bp-item.family-member.size-2.the-deceased .item-header, .bp-item.family-member.size-3.the-deceased .item-header {
  border-bottom: 2px solid black;
}
.bp-item.family-member.size-2.the-deceased .item-header .item-title, .bp-item.family-member.size-3.the-deceased .item-header .item-title {
  color: white;
}
.bp-item.family-member.size-2.renoucing, .bp-item.family-member.size-3.renoucing {
  background-color: blue;
  border-color: blue;
}
.bp-item.family-member.size-2.renoucing .item-header, .bp-item.family-member.size-3.renoucing .item-header {
  border-bottom: 2px solid blue;
}
.bp-item.family-member.size-2.renoucing .item-header .item-title, .bp-item.family-member.size-3.renoucing .item-header .item-title {
  color: white;
}
.bp-item.family-member.size-2.accepted, .bp-item.family-member.size-3.accepted {
  background-color: rgb(0, 128, 0);
  border-color: rgb(0, 128, 0);
}
.bp-item.family-member.size-2.accepted .item-header, .bp-item.family-member.size-3.accepted .item-header {
  border-bottom: 2px solid rgb(0, 128, 0);
}
.bp-item.family-member.size-2.accepted .item-header .item-title, .bp-item.family-member.size-3.accepted .item-header .item-title {
  color: white;
}
.bp-item.family-member.size-2.distrainee, .bp-item.family-member.size-3.distrainee {
  background-color: rgb(255, 0, 0);
  border-color: rgb(255, 0, 0);
}
.bp-item.family-member.size-2.distrainee .item-header, .bp-item.family-member.size-3.distrainee .item-header {
  border-bottom: 2px solid rgb(255, 0, 0);
}
.bp-item.family-member.size-2.distrainee .item-header .item-title, .bp-item.family-member.size-3.distrainee .item-header .item-title {
  color: white;
}
.bp-item.family-member.size-2.deceased, .bp-item.family-member.size-3.deceased {
  background-color: grey;
  border-color: grey;
}
.bp-item.family-member.size-2.deceased .item-header, .bp-item.family-member.size-3.deceased .item-header {
  border-bottom: 2px solid grey;
}
.bp-item.family-member.size-2.deceased .item-header .item-title, .bp-item.family-member.size-3.deceased .item-header .item-title {
  color: white;
}
.bp-item.partner {
  position: absolute;
}
.bp-item.partner.size-1 {
  width: 139px;
  height: 27px;
  background-color: transparent;
  border: 2px solid rgb(64, 128, 128);
}
.bp-item.partner.size-1 .item-title {
  color: rgb(64, 128, 128);
}
.bp-item.partner.size-1 .item-footer {
  position: absolute;
  margin-top: -16px;
  margin-left: -3px;
}
.bp-item.partner.size-1.deceased {
  border: 2px solid grey;
}
.bp-item.partner.size-1.deceased .item-title {
  color: grey;
}
.bp-item.partner.size-2, .bp-item.partner.size-3 {
  border: 2px solid rgb(64, 128, 128);
}
.bp-item.partner.size-2 .item-header, .bp-item.partner.size-3 .item-header {
  border-bottom: 2px solid rgb(64, 128, 128);
}
.bp-item.partner.size-2 .item-header .item-title, .bp-item.partner.size-3 .item-header .item-title {
  color: rgb(64, 128, 128);
}
.bp-item.partner.size-2.deceased, .bp-item.partner.size-3.deceased {
  border-color: grey;
}
.bp-item.partner.size-2.deceased .item-header, .bp-item.partner.size-3.deceased .item-header {
  border-bottom: 2px solid grey;
}
.bp-item.partner.size-2.deceased .item-header .item-title, .bp-item.partner.size-3.deceased .item-header .item-title {
  color: grey;
}
.bp-item.partner.size-2.accepted, .bp-item.partner.size-3.accepted {
  background-color: rgb(0, 128, 0);
  border-color: rgb(0, 128, 0);
}
.bp-item.partner.size-2.accepted .item-header, .bp-item.partner.size-3.accepted .item-header {
  border-bottom: 2px solid rgb(0, 128, 0);
}
.bp-item.partner.size-2.accepted .item-header .item-title, .bp-item.partner.size-3.accepted .item-header .item-title {
  color: white;
}

#slider-container {
  position: relative;
  padding: 0;
  background: #f5f5f5;
  z-index: 1;
  border: 1px solid lightgray;
  width: 238px;
}
#slider-container .slider-proper {
  display: grid;
  padding: 10px;
  gap: 10px;
}
#slider-container .slider-proper::after {
  content: none;
}
#slider-container .slider-proper .zoom-container {
  display: flex;
  align-items: center;
}
#slider-container .slider-proper .zoom-container input, #slider-container .slider-proper .zoom-container select {
  margin-left: 5px;
}
#slider-container .slider-proper .zoom-container .levelInput {
  width: 100%;
  height: initial;
}
#slider-container .slider-proper .button-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
#slider-container .slider-proper .button-container:after {
  content: none;
}
#slider-container .slider-proper .button-container.button-full {
  grid-template-columns: 1fr;
}
#slider-container .slider-proper .button-container .btn, #slider-container .slider-proper .button-container .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset #slider-container .slider-proper .button-container button, #slider-container .slider-proper .button-container .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset #slider-container .slider-proper .button-container button {
  width: 100%;
  font-size: 12px;
}
#slider-container .slider-proper .btn, #slider-container .slider-proper .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset #slider-container .slider-proper button, #slider-container .slider-proper .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset #slider-container .slider-proper button {
  height: auto;
  padding: 5px;
  font-size: 14px;
  line-height: initial;
}
#slider-container .slider-proper .search-attached .treeview-search-result {
  margin-right: 5px;
}
#slider-container .slider-proper .search-attached .search-results {
  width: 35px;
}
#slider-container .slider-proper .search-attached .treeview-search-input {
  height: 40px;
}
#slider-container .slider-proper .search-attached .treeview-search-buttons {
  margin-top: 5px;
}
#slider-container.fixed-vertical .slider-proper {
  position: fixed;
}
#slider-container.fixed-vertical .slider-proper {
  top: 84px;
}
#slider-container .scaleTreeview {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  margin: 10px 0;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  outline: none;
}
#slider-container .scaleTreeview::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #95c33f;
  cursor: pointer;
}
#slider-container .scaleTreeview::-moz-range-thumb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #95c33f;
  cursor: pointer;
}

.grid-wrapper {
  padding: 0 !important;
}
.grid-wrapper .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  padding: 15px;
}
.grid-wrapper .grid::after {
  content: none;
}
.grid-wrapper .grid input, .grid-wrapper .grid select, .grid-wrapper .grid textarea {
  width: 100%;
  border: solid 1px #d9d9d9;
}
.grid-wrapper .grid input, .grid-wrapper .grid select, .grid-wrapper .grid textarea, .grid-wrapper .grid option {
  padding: 5px 10px;
  font-size: 16px;
  height: 40px;
  font-weight: normal;
  appearance: auto !important;
}
.grid-wrapper .grid label {
  font-weight: bold;
  font-family: "Lato", sans-serif;
  color: #595959;
  font-size: 14px;
  margin-bottom: 5px;
}
.grid-wrapper .grid .box {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.grid-wrapper .grid .box::after {
  content: none;
}
.grid-wrapper .grid .box.error-box span, .grid-wrapper .grid .box.text-warning span, .grid-wrapper .grid #individual-form .box.field-validation-error span, #individual-form .grid-wrapper .grid .box.field-validation-error span,
.grid-wrapper .grid #linked-member-form .box.field-validation-error span,
#linked-member-form .grid-wrapper .grid .box.field-validation-error span,
.grid-wrapper .grid .partial .box.field-validation-error span,
.partial .grid-wrapper .grid .box.field-validation-error span,
.grid-wrapper .grid .popup-form-items .box.field-validation-error span,
.popup-form-items .grid-wrapper .grid .box.field-validation-error span, .grid-wrapper .grid .box.error-box a, .grid-wrapper .grid .box.text-warning a, .grid-wrapper .grid #individual-form .box.field-validation-error a, #individual-form .grid-wrapper .grid .box.field-validation-error a,
.grid-wrapper .grid #linked-member-form .box.field-validation-error a,
#linked-member-form .grid-wrapper .grid .box.field-validation-error a,
.grid-wrapper .grid .partial .box.field-validation-error a,
.partial .grid-wrapper .grid .box.field-validation-error a,
.grid-wrapper .grid .popup-form-items .box.field-validation-error a,
.popup-form-items .grid-wrapper .grid .box.field-validation-error a {
  padding: 5px 0 0 0;
  color: #f93131;
  font-weight: bold;
}
.grid-wrapper .grid .box.box-inputs input:not(:first-child) {
  margin-left: 5px;
}
.grid-wrapper .grid .auto {
  width: auto !important;
}
.grid-wrapper .grid .actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0;
}
.grid-wrapper .grid .actions .item-action {
  width: 100%;
  padding: 0;
}
.grid-wrapper .grid .actions .item-action:first-child {
  padding-left: 0;
}
.grid-wrapper .grid .actions .item-action .btn, .grid-wrapper .grid .actions .item-action .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset .grid-wrapper .grid .actions .item-action button, .grid-wrapper .grid .actions .item-action .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset .grid-wrapper .grid .actions .item-action button {
  min-width: 200px;
  width: 100%;
  background-color: #95c33f !important;
  font-size: 16px;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  line-height: initial;
}
.grid-wrapper .grid .actions .item-action .btn:hover, .grid-wrapper .grid .actions .item-action .modal-style .ui-widget-content .ui-dialog-buttonset button:hover, .modal-style .ui-widget-content .ui-dialog-buttonset .grid-wrapper .grid .actions .item-action button:hover, .grid-wrapper .grid .actions .item-action .modal-consent .ui-widget-content .ui-dialog-buttonset button:hover, .modal-consent .ui-widget-content .ui-dialog-buttonset .grid-wrapper .grid .actions .item-action button:hover {
  background: rgb(119.9285714286, 157.7142857143, 49.2857142857) !important;
}
.grid-wrapper .grid .grid-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 15px;
  grid-column: 1/-1;
}
.grid-wrapper .grid .grid-row::after {
  content: none;
}
.grid-wrapper .grid .grid-row .grid-column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
}
.grid-wrapper .grid .grid-row .grid-column.grid-column-actions {
  justify-content: flex-end;
}
.grid-wrapper .grid .grid-row .grid-column.grid-column-actions .actions {
  width: 100%;
  padding: 0;
}
.grid-wrapper .grid .grid-row .grid-column::after {
  content: none;
}

.grid-masonry-three {
  column-count: 3;
  column-gap: 30px;
}
@media screen and (max-width: 1024px) {
  .grid-masonry-three {
    column-count: 2;
  }
}
@media screen and (max-width: 768px) {
  .grid-masonry-three {
    column-count: 1;
  }
}
.grid .grid-masonry-block {
  break-inside: avoid;
  margin-bottom: 10px;
}

.bg-grey {
  background-color: #f5f5f5;
}

.filter-wrapper .grid {
  margin-bottom: 30px;
}
.filter-wrapper .item-action {
  width: auto !important;
}
@media screen and (max-width: 1554px) {
  .filter-wrapper .grid-column-actions {
    grid-column: inherit;
  }
}

.modal-documents {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-documents__item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  width: 100%;
  gap: 20px;
}
.modal-documents__status-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.modal-documents__info-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-documents__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.modal-documents__pdf-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
}
.modal-documents__pdf-icon a::before {
  padding: 0 !important;
}

.status-person-container {
  display: grid;
  grid-template-columns: 90% 10%;
  align-items: center;
}

#document-datatable.dataTable tbody tr td.status-person-wrapper {
  width: 210%;
  display: grid;
  grid-template-columns: 20% 80%;
  grid-gap: 10px;
  min-height: 30px;
}

#document-datatable.dataTable tbody tr td div.status-person-stack {
  display: flex;
  align-items: center;
  position: relative;
}

.status-rectangle {
  position: absolute;
  border: solid;
  width: 30px;
  height: 27px;
  border-radius: 20%;
}

.status-rectangle.from-will {
  background-color: #9C7514;
  border: 4px solid #9C7514;
}

.status-rectangle.from-will.renoucing {
  background-color: blue;
  border: 4px solid blue;
}

.status-rectangle.from-will.accepted {
  background-color: green;
  border: 4px solid green;
}

.status-rectangle.from-will.distrainee {
  background-color: red;
  border: 4px solid red;
}

.status-rectangle.from-will.deceased {
  background-color: grey;
  border: 4px solid grey;
}

.status-rectangle.representant {
  background-color: rgb(0, 128, 0);
  border: 4px solid #008000;
}

.status-rectangle.representant.renoucing {
  background-color: blue;
  border: 4px solid blue;
}

.status-rectangle.representant.accepted {
  background-color: green;
  border: 4px solid green;
}

.status-rectangle.representant.distrainee {
  background-color: rgb(0, 128, 0);
  border: 4px solid #008000;
}

.status-rectangle.representant.deceased {
  background-color: grey;
  border: 4px solid grey;
}

.status-rectangle.representant.incapacity {
  background-color: #ffa500;
  border: 4px solid #ffa500;
}

.status-rectangle.family-member {
  background-color: #408080;
  border: 4px solid #408080;
}

.status-rectangle.partner {
  background-color: white;
  border: 4px solid white;
}

.status-rectangle.family-member.the-deceased, .status-rectangle.partner.the-deceased {
  background-color: black;
  border: 4px solid black;
}

.status-rectangle.family-member.renoucing, .status-rectangle.partner.renoucing {
  background-color: blue;
  border: 4px solid blue;
}

.status-rectangle.family-member.accepted, .status-rectangle.partner.accepted {
  background-color: #008000;
  border: 4px solid #008000;
}

.status-rectangle.family-member.distrainee, .status-rectangle.partner.distrainee {
  background-color: red;
  border: 4px solid red;
}

.status-rectangle.family-member.deceased, .status-rectangle.partner.deceased {
  background-color: grey;
  border: 4px solid grey;
}

/* Pretty straightforward, isn't it? */
.title-items-black .title-bar-item, .info-block-fm-info.partner .title-bar-item {
  color: #000;
}
.title-items-black .accordion-open-all::after, .info-block-fm-info.partner .accordion-open-all::after {
  border-color: #000;
}

.title-items-white .title-bar-item, .info-block-fm-info.partner.distrainee .title-bar-item, .info-block-fm-info.partner.accepted .title-bar-item, .info-block-fm-info.partner.renoucing .title-bar-item, .info-block-fm-info.partner.the-deceased .title-bar-item, .info-block-fm-info.from-will .title-bar-item {
  color: #fff;
}
.title-items-white .accordion-open-all::after, .info-block-fm-info.partner.distrainee .accordion-open-all::after, .info-block-fm-info.partner.accepted .accordion-open-all::after, .info-block-fm-info.partner.renoucing .accordion-open-all::after, .info-block-fm-info.partner.the-deceased .accordion-open-all::after, .info-block-fm-info.from-will .accordion-open-all::after {
  border-color: #fff;
}

body {
  background: #fff;
  font-family: "Lato", sans-serif;
  font-size: 15px;
  font-weight: 300;
  color: #666;
}
body.no-footer #main {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.no-footer #footer {
  display: none;
}

#basicdiagram ul.ui-widget li .ui-icon, .orgdiagram ul.ui-widget li .ui-icon {
  background-image: block !important;
}

#main .column {
  width: 810px;
  /*float: none;*/
  float: left;
  margin-right: 20px;
  padding: 0;
}

.message-Information-Pdf {
  position: relative;
  font-size: 16px;
  font-weight: 800;
  color: #282626;
  line-height: 1;
  padding: 16px 15px 16px 55px;
  min-height: 50px;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid;
  border-color: #9fd118;
}
.message-Information-Pdf:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 50px;
  content: "\f05a";
  font-size: 30px;
  font-family: "Fontawesome";
  text-align: center;
  line-height: 50px;
}
.message-Information-Pdf a {
  text-decoration: underline !important;
}
.message-Information-Pdf a:hover {
  text-decoration: none !important;
}

.not-active {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}
.not-active .let-active {
  pointer-events: all;
}

#connections .let-active {
  pointer-events: all;
}
#connections .info-block-heading div {
  opacity: 0.7;
}

#personal-info-form #connections .info-block-heading div {
  opacity: 1;
}

#individual-form .form-item.select-wrap select:disabled {
  background-color: rgb(237, 237, 237);
}

.see_all a {
  color: white;
  float: left;
  margin-top: -3px;
}

.member_links_h3 {
  width: 40%;
}

.recipientInformationDiv {
  display: none;
}

#document-template .informationDiv.form-item .small-max-width {
  max-width: 100px;
}

.txt_settings {
  color: black;
  float: left;
}

#notary-application-settings {
  width: 34%;
}

.fm-comment:before {
  margin-left: 10px;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 13px;
  color: #666666;
  text-align: center;
  line-height: 20px;
  text-indent: 0;
  content: "\f075";
}

.fm-comment-fm:before {
  top: -3px;
  position: relative;
  margin-left: 16px;
}

.cs-icons {
  height: 21px;
  border-top: 1px solid #d9d9d9;
}

.fm-comment-not-active {
  display: none;
}

.cs-icons-union {
  height: 21px;
  border-top: 1px solid #d9d9d9;
}

.fm-comment-union-big:before {
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 16px;
  color: #95c33f;
  text-align: center;
  line-height: 20px;
  text-indent: 0;
  content: "\f075";
}

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

.case-status-number {
  display: block;
  width: 100%;
  border: solid 1px #d9d9d9;
  height: 45px;
  padding: 10px;
  font-family: "Lato", sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #4c4c4c;
}

.heirvisibility-head-heir-description {
  position: absolute;
  background-color: white;
  min-width: 400px;
  border: 1px solid gray;
  z-index: 1;
  padding: 5px;
  margin-left: 20px;
  text-align: left;
}

.heirvisibility-head-holding-name {
  float: left;
}

.heirvisibility-head-holding-checkbox {
  float: left;
}

.heirvisibility-head-heir-extra-infos {
  text-transform: capitalize;
}

/*.heirvisibility-head-heir-extra-info-scenario-summary, 
.heirvisibility-status-name {
  white-space: pre-line;
}*/
.heirvisibility-head-heir-checkbox {
  float: left;
}

.heirvisibility-toggle-div {
  cursor: pointer;
}

.info-block-fm-info.from-will .title-bar {
  background-color: #9C7514;
}
.info-block-fm-info.from-will.renoucing .title-bar {
  background-color: blue;
}
.info-block-fm-info.from-will.accepted .title-bar {
  background-color: green;
}
.info-block-fm-info.from-will.distrainee .title-bar {
  background-color: red;
}
.info-block-fm-info.from-will.deceased .title-bar {
  background-color: grey;
}
.info-block-fm-info.representant .title-bar {
  background-color: rgb(0, 128, 0);
}
.info-block-fm-info.representant.renoucing .title-bar {
  background-color: blue;
}
.info-block-fm-info.representant.accepted .title-bar {
  background-color: green;
}
.info-block-fm-info.representant.distrainee .title-bar {
  background-color: rgb(0, 128, 0);
}
.info-block-fm-info.representant.deceased .title-bar {
  background-color: grey;
}
.info-block-fm-info.representant.incapacity .title-bar {
  background: #ffa500;
}
.info-block-fm-info.family-member .title-bar {
  background-color: #408080;
}
.info-block-fm-info.family-member.the-deceased .title-bar {
  background-color: black;
}
.info-block-fm-info.family-member.renoucing .title-bar {
  background-color: blue;
}
.info-block-fm-info.family-member.accepted .title-bar {
  background-color: green;
}
.info-block-fm-info.family-member.distrainee .title-bar {
  background-color: red;
}
.info-block-fm-info.family-member.deceased .title-bar {
  background-color: grey;
}
.info-block-fm-info.partner .diagram-close {
  color: black;
}
.info-block-fm-info.partner .title-bar {
  background-color: white;
  border: 2px #408080 solid;
  color: #408080;
}
.info-block-fm-info.partner.the-deceased .title-bar {
  background-color: black;
}
.info-block-fm-info.partner.renoucing .title-bar {
  background-color: blue;
}
.info-block-fm-info.partner.accepted .title-bar {
  background-color: green;
}
.info-block-fm-info.partner.distrainee .title-bar {
  background-color: red;
}
.info-block-fm-info.partner.deceased .title-bar {
  background-color: white;
  border: 2px grey solid;
  color: grey;
}

.status-circle {
  padding: 0 9px;
  border-radius: 50%;
}
.status-circle.from-will {
  background-color: #9C7514;
}
.status-circle.from-will.renoucing {
  background-color: blue;
}
.status-circle.from-will.accepted {
  background-color: green;
}
.status-circle.from-will.distrainee {
  background-color: red;
}
.status-circle.from-will.deceased {
  background-color: grey;
}
.status-circle.representant {
  background-color: rgb(0, 128, 0);
}
.status-circle.representant.renoucing {
  background-color: blue;
}
.status-circle.representant.accepted {
  background-color: green;
}
.status-circle.representant.distrainee {
  background-color: rgb(0, 128, 0);
}
.status-circle.representant.deceased {
  background-color: grey;
}
.status-circle.representant.incapacity {
  background: #ffa500;
}
.status-circle.family-member, .status-circle.partner {
  background-color: #408080;
}
.status-circle.family-member.the-deceased, .status-circle.partner.the-deceased {
  background-color: black;
}
.status-circle.family-member.renoucing, .status-circle.partner.renoucing {
  background-color: blue;
}
.status-circle.family-member.accepted, .status-circle.partner.accepted {
  background-color: green;
}
.status-circle.family-member.distrainee, .status-circle.partner.distrainee {
  background-color: red;
}
.status-circle.family-member.deceased, .status-circle.partner.deceased {
  background-color: grey;
}

.request-circle {
  border-radius: 50%;
  height: 15px;
  background-color: transparent;
  width: 15px;
  margin-top: 8px;
  margin-left: 5px;
}
.request-circle.accepted {
  background-color: green;
}
.request-circle.other {
  background-color: orange;
}
.request-circle.refused {
  background-color: red;
}
.request-circle.is-see {
  background-color: rgb(100, 49, 237);
}
.request-circle.unknown {
  background-color: grey;
}

.request-status-icon .request-circle {
  display: block;
  height: 18px;
  width: 18px;
}

.TreeViewUnionEndUinonRequestCircle {
  margin-right: 5px;
  padding-right: 10px !important;
  border-radius: 50%;
}

.document-controls-empty-space {
  width: 46px;
}

.document-done {
  width: 80px;
}

.document-checkbox {
  width: 100px;
}

.bp-item-gradient {
  padding: 10px 10px 15px 10px;
  background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.bp-item-gradient-little {
  padding: 4px 3px 11px 3px;
  background: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0));
}

.form-item-big-width {
  width: 450px !important;
}

.prior-right {
  position: absolute;
  z-index: 2;
  right: 0;
  background-color: white;
}
.prior-right:before {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */
  content: "";
  /* background-color: white; */
  width: 15px;
  height: 25px;
  display: block;
  position: absolute;
  top: 0;
  left: -15px;
}
.prior-right span.date {
  padding-left: 5px;
}

.union-datas-prior-right {
  display: inline;
  position: absolute;
  z-index: 2;
  right: 2px;
  background-color: white;
}
.union-datas-prior-right:before {
  /*background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */
  content: "";
  /* background-color: white; */
  width: 15px;
  height: 25px;
  display: block;
  position: absolute;
  top: -10px;
  left: -15px;
}

.edit-matching {
  display: block;
  float: left;
  width: 35px;
  height: 20px;
  margin: 0 1px;
}

.requestCircle {
  display: inline-block;
  width: 18px;
  height: 18px;
}

/* The site's header along with the custom Family Member header with action buttons */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #fff;
  padding: 0 50px 0 185px;
  z-index: 10;
}

#family-member-header {
  position: fixed;
  top: 40px;
  left: 225px;
  width: calc(100% - 225px);
  z-index: 11;
  top: 35px;
}

.ref-container.clone {
  padding-top: 8px;
  margin: 0;
}
.ref-container.clone:not(.active) {
  display: none;
}

#subject {
  float: left;
  display: inline-block;
}
#subject h1 {
  float: left;
  font-family: "Signika", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 80px !important;
  letter-spacing: 0 !important;
  padding: 0 20px 0 0 !important;
  margin: -40px 0 0 !important;
}
#subject .ref {
  display: block;
  float: left;
  font-family: "Signika", sans-serif;
  font-weight: 300;
  color: #95c33f;
  line-height: 83px;
  height: 80px;
  margin: -41px 0 0;
}
#subject .ref a {
  color: #666;
}

#user-actions {
  float: right;
  padding-top: 8px;
}
#user-actions .welcome {
  display: block;
  float: left;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  padding-top: 3px;
  margin-right: 5px;
}
#user-actions .welcome span {
  display: inline;
  color: #95c33f;
}
#user-actions .logout-btn {
  display: block;
  float: left;
}
#user-actions .logout-btn a {
  display: block;
  position: relative;
  float: left;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  margin-right: 40px;
}
#user-actions .logout-btn a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 18px;
  color: #333;
  text-align: right;
  text-indent: 0;
  line-height: 24px;
  content: "\f08b";
}
#user-actions .widget-header {
  float: left;
}
#user-actions h1 {
  display: none;
}
#user-actions ul {
  display: block;
  position: relative;
  list-style: none;
  float: left;
}
#user-actions ul:after {
  display: none;
}
#user-actions ul > li {
  display: block;
  position: relative;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding-right: 20px;
}
#user-actions ul > li:before {
  display: block;
  position: absolute;
  top: 4px;
  right: 0;
  font-family: FontAwesome;
  font-size: 14px;
  color: #95c33f;
  content: "\f078";
}

#header-actions {
  position: absolute;
  top: 0;
  right: 50px;
}
#header-actions a {
  color: #2a2a2a;
}

#subject_span {
  display: inline;
}

/* Custom targeted style - from hack */
.header {
  padding: 10px;
  width: 100%;
  background: #eee;
  position: fixed;
  top: 0;
  left: 0;
}

.action-header-wrapper {
  width: 100%;
}

/* The holder of all the site's main content */
#main {
  padding: 80px 50px 30px 225px;
  /* Treeview Expanded Fixes */
  /*#layout-main-container,
  #layout-main,
  #layout-content,
  #content,
  .tab-content {
      position:relative;
  }*/
}
#main.nav-expanded {
  margin-bottom: 0 !important;
}
#main.nav-expanded #aside-first {
  left: 0 !important;
}
#main .columns-holder {
  margin: 0 -25px;
}
#main .column {
  width: 50%;
  float: left;
  padding: 0 25px;
}
#main #content > p .btn, #main #content > p .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset #main #content > p button, #main #content > p .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset #main #content > p button {
  margin-bottom: 20px;
}
#main .content {
  margin-top: 50px;
}
#main .d-inline-flex {
  display: inline-flex;
}
#main .hidden {
  display: none;
}

/*Document template*/
.form-items-group.forms-items-group-fifty .form-item {
  width: 50%;
  float: left;
}

.form-item .radio-list-item label, .form-item .radio-list-item input {
  vertical-align: top;
}

#document-template .date-items-holder .form-item {
  padding-bottom: 0px;
}
#document-template .date-items-holder {
  width: 100%;
  max-width: 285px;
  display: inline-block;
  vertical-align: top;
}
#document-template .text-danger {
  color: #a94442;
}
#document-template #tabs, #document-template .ico-tabs {
  margin: 0 0 10px 0;
}
#document-template #tabs {
  margin: 0;
}
#document-template #createDocumentTemplate.tab-content {
  background: #f5f5f5;
  padding: 30px 10px;
}
#document-template #menu2.tab-pane {
  margin-top: 0px;
}
#document-template .form-item label {
  vertical-align: top;
  max-width: 195px;
}
#document-template .form-item .two-fields {
  display: inline-block;
}
#document-template .form-item .two-fields input {
  max-width: 100px;
}
#document-template .form-item .templates-list {
  max-width: 200px;
}
#document-template .form-item .template-description {
  max-width: 500px;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  background-color: #DDD;
  vertical-align: top;
}
#document-template .arrow {
  max-width: 100px;
  display: inline;
}
#document-template .arrow:after {
  content: "\f107";
  display: inline-block;
  position: relative;
  left: -35px;
  color: #9fd118;
  font-family: "Fontawesome";
  pointer-events: none;
  z-index: 99;
  background-color: #fff;
  padding: 0 15px 0 10px;
  margin-left: -10px;
  margin-right: -15px;
}
#document-template .document-config {
  background: #f5f5f5;
  padding: 30px 10px;
}
#document-template .form-item.search-entity label {
  max-width: 50px;
}
#document-template .form-item.entity-type-class label {
  max-width: 140px;
}
#document-template .form-item.entity-type-class label.form-item-label-wrap {
  max-width: 200px;
}
#document-template .form-item input[type=text].ui-autocomplete-input {
  height: 49px;
}

.generate_fm:before {
  content: "\f067";
  display: inline-block;
  font-size: 20px;
  margin: 0 4px;
  display: block;
  float: right;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "Fontawesome";
  font-size: 20px;
  color: #4c4c4c;
  line-height: 20px;
}

.infos-group .form-item {
  padding-left: 15px;
}

.form-item.search-entity {
  padding-bottom: 0px;
}
.form-item.search-entity .radio-list-item {
  padding-left: 145px;
  width: 320px;
}

/* The site's footer and all footer elements */
#footer {
  padding: 15px 0;
  border-top: 1px solid #ededed;
  margin: 0 50px 0 225px;
}
#footer .credits {
  float: left;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
}
#footer .user-display {
  float: right;
}
#footer .user-display a {
  display: block;
  color: #fff;
  float: right;
  color: #fff;
  line-height: 30px;
  text-transform: uppercase;
  padding: 0 15px;
  background: #95c33f;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-left: 5px;
}
#footer .user-display .user-actions.welcome {
  display: block;
  float: left;
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
  padding-right: 10px;
}
#footer .user-display .user-actions.welcome a {
  display: inline;
  float: none;
  color: #95c33f;
  text-transform: none;
  background: none;
  padding: 0;
}

/* THIS ONE WILL BE REMOVED COMPLETELY; AT THE MOMENT IT'S HOLDING STYLES OF ELEMENTS THAT HAD NOWHERE TO GO AFTER WE MIGRATED THE FAMILY MEMBERS DESIGNS INTO THE THEME */
/* Base Styles (base.scss) */
li {
  list-style: none;
}

a, a:focus {
  text-decoration: none !important;
  outline: 0;
}

a:hover {
  color: #7ca313;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=checkbox]:focus, input[type=radio]:focus, input[type=text], input[type=email], select {
  outline: 0;
}

fieldset {
  border: 0;
  margin: 0;
}

a.btn, input[type=submit] {
  color: #fff;
}

button[type=button]:focus, .btn:focus, .modal-style .ui-widget-content .ui-dialog-buttonset button:focus, .modal-consent .ui-widget-content .ui-dialog-buttonset button:focus, input[type=submit] {
  color: #fff;
}

button[type=button]:hover, a.btn:hover, input[type=submit]:hover {
  color: #fff;
  background-color: #7ca313;
}

.login-info #user-logged {
  display: inline-block;
  float: right;
  margin-right: 20px;
  font-size: 15px;
}
.login-info #user-logged p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  display: inline-block;
}
.login-info #user-logged p span {
  color: #95c33f;
}
.login-info #user-logged p a {
  display: inline-block;
  margin: 0 30px 0 5px;
}
.login-info #user-logged p a:before {
  content: "\f013";
  display: block;
  font-family: "Fontawesome";
  color: #cdcdcd;
}
.login-info #user-logo {
  display: inline-block;
  float: right;
  padding: 15px;
  border: 1px solid rgb(229, 229, 229);
  clear: both;
  margin-top: 10px;
}
.login-info #user-logo a {
  display: inline-block;
}

/* Forms Styles (forms.scss) */
.tab-content {
  background: #f5f5f5;
  padding: 30px 10px;
}

.form-item {
  padding-bottom: 20px;
  font-size: 16px;
  font-family: "Lato", sans-serif;
}
.form-item label {
  line-height: 120%;
  color: #4c4c4c;
  font-weight: 400;
  margin: 0;
  width: 100%;
  max-width: 160px;
  padding: 0 20px 0 0;
  vertical-align: middle;
  display: inline-block;
}
.form-item input[type=text], .form-item input[type=number], .form-item input[type=email], .form-item input[type=date], .form-item select {
  display: inline-block;
  width: 100%;
  max-width: 285px;
  border: 1px solid #d9d9d9;
  padding: 12px 10px;
  color: #686868;
  font-weight: 300;
  vertical-align: middle;
}
.form-item input[type=text]:focus, .form-item input[type=number]:focus, .form-item input[type=email]:focus, .form-item input[type=date]:focus, .form-item select:focus {
  outline: transparent;
}
.form-item img {
  display: inline-block;
}
.form-item select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-item select::-ms-expand {
  display: none;
}
.form-item.dropdown-arrow:after {
  content: "\f107";
  display: inline-block;
  position: relative;
  top: -35px;
  left: 100%;
  transform: translateX(-150%);
  color: #9fd118;
  font-family: "Fontawesome";
  pointer-events: none;
  z-index: 99;
}

/*<---- END OF FORM-ITEM ---->*/
#zip-code input {
  max-width: 135px;
  margin-right: 15px;
}
#zip-code input:last-child {
  margin-right: 0;
}

.locator:before {
  content: "\f041";
  display: inline-block;
  font-family: "Fontawesome";
  font-size: 25px;
  color: #666666;
  position: relative;
  left: -3px;
}

.locator.green:before {
  color: #95C33F;
  cursor: pointer;
  cursor: hand;
}

/*#user-to-edit{
            span{
                display: inline-block;
                padding: 0 5px 0 18px;
                margin: 0;
                font-size: 21px;
                font-family: $signika;
                color: #2a2f20;

                &:last-child{
                    padding: 0;
                }
            }
        }*/
/*#date:after{
            content: '\f073';
            display: inline-block;
            font-family: $awesome;
            color: $light-green;
            position: relative;
            left: -35px;
            pointer-events: none;
        }*/
/*#checkers{
            label{
                position: relative;
                left: 163px;
                max-width: 100%;
                padding: 0;
                input{
                    width: 13px;
                    height: 13px;
                    padding: 0;
                    margin:0;
                    vertical-align: middle;
                    position: relative;
                    overflow: hidden;
                }
            }
        }*/
/*#options{
            .select2-selection--multiple{
                border: 1px solid #D9D9D9;
                cursor: text;
                padding: 9px 10px;
                border-radius: 0 ;

                ul{
                    padding: 0;

                    li.select2-selection__choice{
                        background-color: #ededed;
                        cursor: default;
                        float: left;
                        margin-right: 5px;
                        padding: 1px 10px;
                        border-radius: 0;
                        border: 0;

                        span{
                            font-size: 18px;
                            margin-left: 8px;
                            float: right;
                            position: relative;
                            right: -3px;
                        }
                    }
                }
            }
        }*/
/*#reset-pw{
            a{
                @include border-radius(4px);
                background: #e0e0e0;
                color: #666666;
                display: inline-block;
                font-size: 14px;
                padding: 12px 35px;
                position: relative;
                left: 163px;

            }
        }*/
/*#save-form{
            text-align: right;
            border-top: 1px solid #d9d9d9;
            padding-top: 10px;

            .big-button{
                @include border-radius(4px);
                display: inline-block;
                background: #989898;
                font-family: $lato;
                font-weight: 400;
                color: #fff;
                font-size: 18px;
                padding: 9px 56px;
                width: 165px;
                text-align: center;

            &:last-child{
                background: $light-green;
                margin-left: 7px;
            }

            }
        }*/
/*#created-by{
            margin-top: 35px;
            background: $light-grey;
            padding: 20px 0 15px 20px;
            font-size: 15px;

            .creator{

                .static{
                    font-family: $lato;
                    font-weight: 400;
                    width: 140px;
                    display: inline-block;
                }
                p{
                    display: inline-block;
                    font-weight: 300;
                    color: #808080;
                }
            }
        }*/
/* USER MANAGMENT FORM */
/*#managment-section{
        margin: -5px 0 10px 0;
        span{
            font-size: 21px;
            color: #2a2f20;
            font-family: $lato;
        }
    }

    #managment-form{
        font-family: $lato;

        #user-managment-actions{
            display: table;
            width: 100%;
            background: $light-grey;
            padding: 20px;
            margin-bottom: 10px;

            input[type=text],input[type=email],select{
                border: 1px solid #d9d9d9;
                color: #b5b5b9;
                font-weight: 300;
                font-size: 16px;
                font-weight: 300;
                padding: 0 10px;
                height: 35px;
                width: 158px;
                @include appearance;
                margin-right: 3px;
                float: left;
                display: table-cell;
                vertical-align: middle;
            }
            .select-parent{
                display: inline-block;
                position: relative;
                float: left;

                &:after{
                    content: '\f107';
                    display: inline-block;
                    color: $light-green;
                    font-family: $awesome;
                    pointer-events: none;
                    z-index: 99;
                    position: absolute;
                    right: 20px;
                    top: 8px;
                }
            }
            button#filter{
                @include border-radius(4px);
                font-family: $lato;
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                background: $light-green;
                border: 0;
                box-shadow: none;
                padding: 5px 35px;
                margin-left: 5px;
                display: table-cell;
                float: left;
            }
        }
    }*/
#add-zone-btn {
  display: inline-block;
  margin-top: 20px;
}

#create-btn-holder {
  text-align: right;
  margin: 20px 0;
}

.user-content {
  background: #fff;
  padding: 0 15px;
}

/* Popup Styles (popup.scss) */
/*.ui-widget-content {
    background: #F4F4F4;
    @include border-radius(0px);
    padding: 10px;
    font-family: $lato;
    margin: 40px 0;

    .ui-dialog-content{
        padding: 0px;
        margin: 0;
    }

    .ui-dialog-titlebar {
        display: block;
        background: none;
        border: none;
        z-index: 20;
        cursor:default;
        padding: 0;
        position: absolute;
        margin: 0;
        right: 10px;
        bottom: 60px;

        button[type="button"]{
            height: 40px;
            width: 85px;
            top: -10px;
            right: 0;
            padding: 0px;
            border: none;
            background-image: none;
            background: none;

            .ui-icon{
                background-image: none;
            }

            .ui-button-text{
                background-color: #9fd118;
                //position: absolute;
                display: inline-block;
                padding: 10px 20px;
                top:0;
                right: 0;
                border-radius: 4px;
                text-indent: 0;
            }
        }

        .ui-dialog-title{
            display: none;
        }
    }

    #message {
        padding: 5px;
        font-weight: 300;
        color: $aside-color;
    }

    .ui-dialog-buttonpane {
        border: none;
        background: #F4F4F4;
        padding: 0;

        .ui-dialog-buttonset {
            float: none;
            text-align: center;

            button {
                margin: 10px auto;
                color: #fff;
                background: $light-green;
                @include border-radius(4px);
                border: none;

                &:hover {
                    border: none;
                    background: #7ca313;
                }

                span {
                    padding: 7px 30px;
                }
            }
        }
    }

    // style for popup which contains "form-item" class div elements
    .form-item{
        font-size: 16px;
        position: relative;
        display:inline-block;

        label{
            line-height: 45px;
            color: #4c4c4c;
            font-weight: 400;
            margin: 0;
            width: auto;
            float: left;
            padding: 0 12px 0 0;
        }
        select, input[type=text]{
            display: inline-block;
            width: 200px;
            height: 45px;
            max-width: none;
            border: 1px solid #d9d9d9;
            padding: 5px 10px;
            color: #686868;
            font-weight: 300;
            font-family: $lato;

            &:focus{
                outline: transparent;
            }

        }

        select{
            @include appearance;

            &::-ms-expand {
                display:none;
            }
        }

        //add green arrows after the certain fields
        &.dropdown-arrow:after{
            content: '\f107';
            display: inline-block;
            position: relative;
            right: 25px;
            top: 2px;
            color: $light-green;
            font-family: $awesome;
            pointer-events: none;
            z-index: 99;
        }
    }

    button[type="button"], a.btn{
        color: #fff;
        margin: 10px 0;
    }
}*/
.request-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  border: 1px solid #d9d9d9;
}
.request-wrapper .request-block {
  padding: 15px;
}
.request-wrapper .request-block .request-header {
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold;
}

.css-alert-error {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.css-button-error {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
  font-weight: 400;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-block;
}

.css-button-error:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.union-datas.fm-info-dialog {
  margin-left: 3px;
}

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

.fm-info-dialog-quote {
  padding-left: 5px;
}

.info-block-fm-info {
  font-size: 14px !important;
}

.doc-request-line {
  float: left;
  padding-right: 20px;
  min-width: 100px;
  padding-top: 5px;
}

.scenario-editable-tabs.scenario-tab-new {
  height: auto !important;
}

.normal-cursor {
  cursor: auto !important;
}

.data-desc br {
  display: block;
}

#individual-form .form-item a#downloadNotaryDocument {
  color: #666;
}

#deleteNotaryDocument {
  cursor: pointer;
  margin: 0 10PX;
}

#NameLabelNotaryDocument {
  max-width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  float: left;
}

#mandate {
  display: table;
}

#buttonHelper {
  width: 100px;
  height: 30px;
  font-size: 10px;
  display: inline-block;
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}

#documentNameLabel {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 105px;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

/* Not sure about these */
mark {
  background: yellow;
}

mark.current {
  background: orange;
}

/* Site's general font styles go here */
#content h1, #content h2 {
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.5px;
  margin: 20px 0;
}
#content h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  margin: 20px 0;
}

.published {
  font-size: 13px;
  font-weight: 400;
  color: #888;
}

/* Error / Alert / Success messages styles */
.warning-before-base, .message-Warning:before, .message-Error:before, .message-Information:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 50px;
  content: "\f071";
  font-size: 18px;
  color: #fff;
  font-family: "Fontawesome";
  text-align: center;
  line-height: 50px;
}

.message-Warning, .message-Error, .message-Information {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  background-color: #feb743;
  padding: 16px 15px 16px 55px;
  min-height: 50px;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.message-Information {
  background-color: #93c8e3;
}
.message-Information:before {
  content: "\f05a";
}

.message-Error {
  background-color: #e87a69;
}
.message-Error:before {
  content: "\f057";
}

/* Site Colors (Font Colors & Site Elements) */
/* Site Fonts */
/* Main Form */
.error-box, .text-warning, #individual-form .field-validation-error,
#linked-member-form .field-validation-error,
.partial .field-validation-error,
.popup-form-items .field-validation-error {
  display: block;
  font-size: 12px;
  font-weight: 400;
  padding: 5px 8px;
  border-top: 5px solid #fff;
  clear: both;
  color: white;
}

#individual-form,
#linked-member-form {
  padding: 15px;
  height: auto;
}

/* These IDs/Classes are used in the Family Member pages in order to serve as wrappers for the custom styles on these layouts; all custom elements should go under these */
#individual-form,
#linked-member-form,
.partial,
.popup-form-items {
  /* Every form separate item containing the item's label + the input type */
  /* This is the wrapper for all form submit buttons */
  /* Custom div with custom class for every date related inputs which also contain a radio button */
  /* Style for inputs that are disabled */
  /* Validation error/warning for the form items that are mandatory */
}
#individual-form .form-items-group,
#linked-member-form .form-items-group,
.partial .form-items-group,
.popup-form-items .form-items-group {
  margin: 0 -15px 15px;
  clear: both;
}
#individual-form .form-items-group.form-items-group-half,
#linked-member-form .form-items-group.form-items-group-half,
.partial .form-items-group.form-items-group-half,
.popup-form-items .form-items-group.form-items-group-half {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
#individual-form .form-items-group .group-left, #individual-form .form-items-group .group-right,
#linked-member-form .form-items-group .group-left,
#linked-member-form .form-items-group .group-right,
.partial .form-items-group .group-left,
.partial .form-items-group .group-right,
.popup-form-items .form-items-group .group-left,
.popup-form-items .form-items-group .group-right {
  width: 50%;
}
#individual-form .form-items-group .group-left .form-item, #individual-form .form-items-group .group-right .form-item,
#linked-member-form .form-items-group .group-left .form-item,
#linked-member-form .form-items-group .group-right .form-item,
.partial .form-items-group .group-left .form-item,
.partial .form-items-group .group-right .form-item,
.popup-form-items .form-items-group .group-left .form-item,
.popup-form-items .form-items-group .group-right .form-item {
  width: 100% !important;
}
#individual-form .form-items-group:after,
#linked-member-form .form-items-group:after,
.partial .form-items-group:after,
.popup-form-items .form-items-group:after {
  display: block;
  height: 10px;
  background: #fff;
  border-bottom: 1px solid #d9d9d9;
  content: "";
  margin: 0 15px 15px;
  clear: both;
}
#individual-form .form-items-group strong,
#linked-member-form .form-items-group strong,
.partial .form-items-group strong,
.popup-form-items .form-items-group strong {
  text-transform: uppercase;
  display: block;
  padding: 0 0 10px 15px;
}
#individual-form .half-divider,
#linked-member-form .half-divider,
.partial .half-divider,
.popup-form-items .half-divider {
  width: 50%;
  float: left;
}
#individual-form .half-divider .form-item,
#linked-member-form .half-divider .form-item,
.partial .half-divider .form-item,
.popup-form-items .half-divider .form-item {
  width: 100%;
}
#individual-form .form-item,
#linked-member-form .form-item,
.partial .form-item,
.popup-form-items .form-item {
  width: 50%;
  float: left;
  padding: 0 19px 5px;
  position: relative;
  min-height: 1px;
  /* The parts of forms that have the + sign to dynamically add new inputs should be wrapped in a div with .dynamic-items class */
  /* The default form item label styles */
  /* Newly introduced types of spans */
  /* All the input styles within the form item are styled here */
  /* Selects should be wrapped in a div with select-wrap class in order to get the custom drop down arrow */
}
#individual-form .form-item .single-label,
#linked-member-form .form-item .single-label,
.partial .form-item .single-label,
.popup-form-items .form-item .single-label {
  display: block;
}
#individual-form .form-item.has-search,
#linked-member-form .form-item.has-search,
.partial .form-item.has-search,
.popup-form-items .form-item.has-search {
  position: relative;
  z-index: 5;
}
#individual-form .form-item.short-label,
#linked-member-form .form-item.short-label,
.partial .form-item.short-label,
.popup-form-items .form-item.short-label {
  float: none;
  clear: both;
}
#individual-form .form-item.short-label label,
#linked-member-form .form-item.short-label label,
.partial .form-item.short-label label,
.popup-form-items .form-item.short-label label {
  width: auto;
  margin-right: 20px;
}
#individual-form .form-item .form-item,
#linked-member-form .form-item .form-item,
.partial .form-item .form-item,
.popup-form-items .form-item .form-item {
  width: 100%;
  float: none;
  padding: 0 0 5px;
  clear: both;
}
#individual-form .form-item .search-ico,
#linked-member-form .form-item .search-ico,
.partial .form-item .search-ico,
.popup-form-items .form-item .search-ico {
  /*display:block;
  position:absolute;
  top:0;
  right:-15px;
  width:25px;
  height:25px;
  padding:2px;*/
  display: block;
  position: absolute;
  top: 0;
  right: -3px;
  width: 25px;
  height: 25px;
  padding: 2px;
}
#individual-form .form-item .search-ico img,
#linked-member-form .form-item .search-ico img,
.partial .form-item .search-ico img,
.popup-form-items .form-item .search-ico img {
  width: 21px;
  height: auto;
}
#individual-form .form-item .dynamic-items,
#linked-member-form .form-item .dynamic-items,
.partial .form-item .dynamic-items,
.popup-form-items .form-item .dynamic-items {
  width: 60%;
  float: left;
}
#individual-form .form-item .dynamic-items span,
#linked-member-form .form-item .dynamic-items span,
.partial .form-item .dynamic-items span,
.popup-form-items .form-item .dynamic-items span {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  background: #95c33f;
  border-radius: 50%;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 14px;
  margin: 5px 0 0 5px;
  cursor: pointer;
}
#individual-form .form-item .dynamic-items .crmContactElementOfList,
#linked-member-form .form-item .dynamic-items .crmContactElementOfList,
.partial .form-item .dynamic-items .crmContactElementOfList,
.popup-form-items .form-item .dynamic-items .crmContactElementOfList {
  position: relative;
  float: left;
  width: calc(100% - 25px);
  margin-bottom: 5px;
}
#individual-form .form-item .dynamic-items .crmContactElementOfList input,
#linked-member-form .form-item .dynamic-items .crmContactElementOfList input,
.partial .form-item .dynamic-items .crmContactElementOfList input,
.popup-form-items .form-item .dynamic-items .crmContactElementOfList input {
  width: 100%;
  padding-right: 25px;
}
#individual-form .form-item .dynamic-items .crmContactElementOfList span,
#linked-member-form .form-item .dynamic-items .crmContactElementOfList span,
.partial .form-item .dynamic-items .crmContactElementOfList span,
.popup-form-items .form-item .dynamic-items .crmContactElementOfList span {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  background: #ccc;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 12px;
  margin: 0;
  cursor: pointer;
}
#individual-form .form-item label,
#linked-member-form .form-item label,
.partial .form-item label,
.popup-form-items .form-item label {
  display: block;
  float: left;
  width: 40%;
  font-size: 12px;
  font-weight: 400;
  color: #4c4c4c;
  line-height: 1.1;
  padding: 6px 10px 0 0;
}
#individual-form .form-item .value,
#linked-member-form .form-item .value,
.partial .form-item .value,
.popup-form-items .form-item .value {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  color: #4c4c4c;
  line-height: 1.1;
  padding: 6px 30px 0 0;
}
#individual-form .form-item input[type=text],
#individual-form .form-item input[type=datetime],
#individual-form .form-item input[type=number],
#individual-form .form-item .select-wrap,
#individual-form .form-item textarea,
#linked-member-form .form-item input[type=text],
#linked-member-form .form-item input[type=datetime],
#linked-member-form .form-item input[type=number],
#linked-member-form .form-item .select-wrap,
#linked-member-form .form-item textarea,
.partial .form-item input[type=text],
.partial .form-item input[type=datetime],
.partial .form-item input[type=number],
.partial .form-item .select-wrap,
.partial .form-item textarea,
.popup-form-items .form-item input[type=text],
.popup-form-items .form-item input[type=datetime],
.popup-form-items .form-item input[type=number],
.popup-form-items .form-item .select-wrap,
.popup-form-items .form-item textarea {
  display: block;
  width: 60%;
  float: left;
  height: 25px;
  background: #fff;
  padding: 4px 5px;
  border: 1px solid #d9d9d9;
}
#individual-form .form-item input[type=text],
#individual-form .form-item input[type=datetime],
#individual-form .form-item select,
#individual-form .form-item textarea,
#linked-member-form .form-item input[type=text],
#linked-member-form .form-item input[type=datetime],
#linked-member-form .form-item select,
#linked-member-form .form-item textarea,
.partial .form-item input[type=text],
.partial .form-item input[type=datetime],
.partial .form-item select,
.partial .form-item textarea,
.popup-form-items .form-item input[type=text],
.popup-form-items .form-item input[type=datetime],
.popup-form-items .form-item select,
.popup-form-items .form-item textarea {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
}
#individual-form .form-item textarea,
#linked-member-form .form-item textarea,
.partial .form-item textarea,
.popup-form-items .form-item textarea {
  border: 1px solid #d9d9d9;
  height: 80px;
}
#individual-form .form-item input[type=checkbox],
#linked-member-form .form-item input[type=checkbox],
.partial .form-item input[type=checkbox],
.popup-form-items .form-item input[type=checkbox] {
  display: block;
  float: left;
  margin-top: 6px;
}
#individual-form .form-item a, #individual-form .form-item a.btn,
#linked-member-form .form-item a,
#linked-member-form .form-item a.btn,
.partial .form-item a,
.partial .form-item a.btn,
.popup-form-items .form-item a,
.popup-form-items .form-item a.btn {
  font-size: 14px;
  font-weight: 400;
  line-height: 25px !important;
  color: #95c33f;
  text-transform: none;
  background: none;
  height: auto;
  padding: 0;
}
#individual-form .select-wrap, #individual-form .form-item.parent,
#linked-member-form .select-wrap,
#linked-member-form .form-item.parent,
.partial .select-wrap,
.partial .form-item.parent,
.popup-form-items .select-wrap,
.popup-form-items .form-item.parent {
  /*position:relative;
  padding:0;*/
  overflow-x: hidden;
}
#individual-form .select-wrap:before, #individual-form .form-item.parent:before,
#linked-member-form .select-wrap:before,
#linked-member-form .form-item.parent:before,
.partial .select-wrap:before,
.partial .form-item.parent:before,
.popup-form-items .select-wrap:before,
.popup-form-items .form-item.parent:before {
  display: block;
  position: absolute;
  top: 7px;
  right: 25px;
  font-family: FontAwesome;
  font-size: 8px;
  color: #95c33f;
  content: "\f078";
  pointer-events: none;
}
#individual-form .select-wrap select, #individual-form .form-item.parent select,
#linked-member-form .select-wrap select,
#linked-member-form .form-item.parent select,
.partial .select-wrap select,
.partial .form-item.parent select,
.popup-form-items .select-wrap select,
.popup-form-items .form-item.parent select {
  display: block;
  width: 60%;
  float: left;
  height: 25px;
  background: #fff;
  padding: 4px 5px;
  border: 1px solid #d9d9d9;
}
#individual-form .form-item.parent.hidden:before,
#linked-member-form .form-item.parent.hidden:before,
.partial .form-item.parent.hidden:before,
.popup-form-items .form-item.parent.hidden:before {
  content: none;
}
#individual-form .form-item.double > input[type=text],
#individual-form .form-item.double > .select-wrap,
#linked-member-form .form-item.double > input[type=text],
#linked-member-form .form-item.double > .select-wrap,
.partial .form-item.double > input[type=text],
.partial .form-item.double > .select-wrap,
.popup-form-items .form-item.double > input[type=text],
.popup-form-items .form-item.double > .select-wrap {
  width: 20%;
}
#individual-form .form-item.double label:nth-of-type(2),
#linked-member-form .form-item.double label:nth-of-type(2),
.partial .form-item.double label:nth-of-type(2),
.popup-form-items .form-item.double label:nth-of-type(2) {
  width: 20%;
  text-align: right;
}
#individual-form .form-actions,
#linked-member-form .form-actions,
.partial .form-actions,
.popup-form-items .form-actions {
  position: relative;
  float: right;
  clear: both;
}
#individual-form .form-actions input[type=submit],
#individual-form .form-actions a,
#linked-member-form .form-actions input[type=submit],
#linked-member-form .form-actions a,
.partial .form-actions input[type=submit],
.partial .form-actions a,
.popup-form-items .form-actions input[type=submit],
.popup-form-items .form-actions a {
  display: block;
  float: left;
  width: 25px !important;
  /*height:25px;*/
  margin-left: 4px;
  background: none;
  padding: 0;
  /*border:0;*/
  border: 1px solid #d9d9d9 !important;
  height: 28px;
  /*&.cancel-btn {
   background:url(../images/cancel-btn.svg) center center no-repeat;
  }*/
}
#individual-form .form-actions input[type=submit].save-back-btn,
#individual-form .form-actions a.save-back-btn,
#linked-member-form .form-actions input[type=submit].save-back-btn,
#linked-member-form .form-actions a.save-back-btn,
.partial .form-actions input[type=submit].save-back-btn,
.partial .form-actions a.save-back-btn,
.popup-form-items .form-actions input[type=submit].save-back-btn,
.popup-form-items .form-actions a.save-back-btn {
  /*background:url(../images/save-btn.svg) center center no-repeat;*/
  width: 41px !important;
}
#individual-form .date-items-holder,
#linked-member-form .date-items-holder,
.partial .date-items-holder,
.popup-form-items .date-items-holder {
  position: relative;
  width: 60%;
  float: left;
}
#individual-form .date-items-holder input[type=radio],
#individual-form .date-items-holder input[type=checkbox],
#linked-member-form .date-items-holder input[type=radio],
#linked-member-form .date-items-holder input[type=checkbox],
.partial .date-items-holder input[type=radio],
.partial .date-items-holder input[type=checkbox],
.popup-form-items .date-items-holder input[type=radio],
.popup-form-items .date-items-holder input[type=checkbox] {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
}
#individual-form .date-items-holder input[type=text],
#linked-member-form .date-items-holder input[type=text],
.partial .date-items-holder input[type=text],
.popup-form-items .date-items-holder input[type=text] {
  width: 100%;
}
#individual-form .date-items-holder .form-item,
#linked-member-form .date-items-holder .form-item,
.partial .date-items-holder .form-item,
.popup-form-items .date-items-holder .form-item {
  padding-left: 25px;
}
#individual-form .date-items-holder .form-item.separate-fields input[type=text]:nth-child(2),
#individual-form .date-items-holder .form-item.separate-fields input[type=text]:nth-child(3),
#linked-member-form .date-items-holder .form-item.separate-fields input[type=text]:nth-child(2),
#linked-member-form .date-items-holder .form-item.separate-fields input[type=text]:nth-child(3),
.partial .date-items-holder .form-item.separate-fields input[type=text]:nth-child(2),
.partial .date-items-holder .form-item.separate-fields input[type=text]:nth-child(3),
.popup-form-items .date-items-holder .form-item.separate-fields input[type=text]:nth-child(2),
.popup-form-items .date-items-holder .form-item.separate-fields input[type=text]:nth-child(3) {
  width: 25%;
  margin-right: 10px;
}
#individual-form .date-items-holder .form-item.separate-fields input[type=text]:nth-child(4),
#linked-member-form .date-items-holder .form-item.separate-fields input[type=text]:nth-child(4),
.partial .date-items-holder .form-item.separate-fields input[type=text]:nth-child(4),
.popup-form-items .date-items-holder .form-item.separate-fields input[type=text]:nth-child(4) {
  width: calc(50% - 20px);
}
#individual-form input[disabled=true],
#individual-form input[disabled],
#linked-member-form input[disabled=true],
#linked-member-form input[disabled],
.partial input[disabled=true],
.partial input[disabled],
.popup-form-items input[disabled=true],
.popup-form-items input[disabled] {
  background: #ededed !important;
}
#individual-form .field-validation-error,
#linked-member-form .field-validation-error,
.partial .field-validation-error,
.popup-form-items .field-validation-error {
  background: #f93131;
}

.text-warning {
  background: #eeba2e;
}

/* Form items used in popups */
.popup-form-items {
  margin-bottom: 10px;
}
.popup-form-items .form-item {
  width: 100%;
  float: none;
  padding: 0 0 5px;
}
.popup-form-items.create-remark-popup input[type=text],
.popup-form-items.create-remark-popup textarea {
  width: calc(100% - 160px) !important;
}

.popup-submit-btn {
  float: right;
}

/* Small Form */
#file-info .checkbox-area {
  padding: 15px 30px 10px;
}
#file-info .field-area {
  padding: 5px 30px;
}
#file-info .checkbox-area .form-item {
  float: left;
  width: 20%;
  padding-bottom: 5px;
}
#file-info .checkbox-area input[type=checkbox] {
  display: block;
  float: left;
  margin-right: 8px;
}
#file-info .checkbox-area label {
  padding: 0;
}
#file-info .field-area {
  background: #f6f6f6;
  border-top: 1px solid #d9d9d9;
}
#file-info .title-data {
  width: 30%;
  float: left;
}
#file-info .title-data h3 {
  width: 50%;
  float: left;
  font-size: 12px;
  font-weight: 400;
}
#file-info .title-data .form-item {
  width: 50%;
  float: left;
}
#file-info .title-data label {
  width: auto;
  padding: 0 8px 0 0;
}
#file-info .numeric-data {
  width: 20%;
  float: left;
}
#file-info .numeric-data label {
  display: block;
  font-weight: 400;
  padding-bottom: 5px;
}
#file-info .input-data {
  width: 50%;
  float: left;
}
#file-info .input-data .form-item:first-child input[type=text] {
  width: 60px;
}

/* Notes */
#notes-wrapper .info-block-content {
  padding: 13px 0 10px;
}
#notes-wrapper .form-item {
  width: 100%;
  float: none;
}
#notes-wrapper textarea {
  width: 100%;
  height: 92px;
}

/* Autocomplete jQuery UI Widget */
.ui-menu {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  background: #fff !important;
  border: 1px solid #d9d9d9 !important;
}
.ui-menu .ui-menu-item {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #444;
  padding: 5px 10px;
}
.ui-menu .ui-menu-item:hover {
  background: #95c33f;
  color: #fff;
}

/* Autocomplete Google Location Widget */
.pac-container {
  width: 394px !important;
}

/* Create Action Popup Special Cases */
#create-action strong * {
  display: block;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  padding: 15px 0 10px;
}
#create-action .address .form-item {
  width: 100%;
  padding-bottom: 0 !important;
}
#create-action .address input[type=text] {
  width: 375px !important;
  max-width: none !important;
}
#create-action .address .date-items-holder,
#create-action textarea {
  width: calc(100% - 160px);
}
#create-action .popup-form-items .form-item .date-items-holder .crm-text-input {
  width: 227px !important;
  max-width: 227px !important;
  margin-left: 20px;
}
#create-action .popup-form-items .form-item .assigned-employee-input {
  width: 301px;
  max-width: 301px !important;
}
#create-action .popup-form-items .form-item textarea {
  width: 301px;
  max-width: 301px !important;
}

.upload-box {
  border: 1px solid #95c33f;
  background-color: #d3e4b5;
  width: 285px;
  float: left;
  height: 70px;
}

.edit-parent #linked-member-form .form-item.parent:before {
  right: 10px;
}

/* Zip Code Overrides */
#zip-code input.postal_code_custom {
  width: 60px;
  margin-right: 10px !important;
}
#zip-code input.locality-custom {
  width: 182px;
  margin-right: 0px !important;
  max-width: 182px;
}
#zip-code input.postal_code_contact_creation {
  width: 60px !important;
  margin-right: 10px !important;
}
#zip-code input .locality_contact_creation {
  width: 215px !important;
  margin-right: 0px !important;
  max-width: 215px !important;
}

.informationDiv.form-item {
  padding-bottom: 0px;
}

.form-item.branch-devolution {
  padding-left: 15px;
  padding-bottom: 5px;
  font-size: 14px;
}
.form-item.branch-devolution-items {
  font-size: 14px;
}
.form-item.branch-devolution-items .branch-devolution-item {
  padding-left: 20px;
}
.form-item.branch-devolution-items .branch-devolution-item label {
  font-weight: 100;
}
.form-item.scenario-devolution {
  font-weight: bold;
  text-transform: uppercase;
}
.form-item.scenario-devolution label {
  font-weight: bold;
}
.form-item.branch-devolution-item {
  text-transform: uppercase;
}

.locator {
  cursor: pointer;
}

.info-block-heading h2 span {
  display: inline-block;
}

.info-block-heading h2 i {
  margin-left: 10px;
}

/* Site Colors (Font Colors & Site Elements) */
/* Site Fonts */
/* The list holder of all expandable panels inside a Family Member block */
.panel-items {
  display: block;
  list-style: none;
  margin-bottom: -1px;
  /* Every row inside a Family Member block that has an expand/collapse arrow to the left */
  /* This is the heading of every panel that is visible from start + all containing elements in it */
}
.panel-items .panel-item {
  display: block;
}
.panel-items .panel-heading {
  position: relative;
  height: 31px;
  background: #f6f5f6;
  border-bottom: 1px solid #d9d9d9;
  /* In case the title needs to be bold, this extra class needs to be added to the panel heading */
  /* Styles specific to the linked members block */
}
.panel-items .panel-heading.bold-heading h3, .panel-items .panel-heading.bold-heading span {
  font-weight: 700;
}
.panel-items .panel-heading.bold-heading span {
  display: block;
  float: left;
  padding: 6px 0 0 0;
}
.panel-items .panel-heading.bold-heading span.category, .panel-items .panel-heading.bold-heading span.date-created, .panel-items .panel-heading.bold-heading span.for-date {
  width: 16%;
}
.panel-items .panel-heading.bold-heading span.location {
  width: 12%;
}
.panel-items .panel-heading.bold-heading h3 {
  font-size: 12px;
  font-weight: 700;
  width: 40%;
  padding-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-items .panel-heading.bold-heading h3 * {
  color: #333 !important;
}
.panel-items .panel-heading.link-member-heading {
  height: 41px;
}
.panel-items .panel-heading.link-member-heading h3 {
  font-weight: 700;
  text-decoration: underline;
  min-width: 30%;
}
.panel-items .panel-heading.link-member-heading h3 a {
  color: #666;
  font-weight: 700;
  text-decoration: none;
}
.panel-items .panel-heading.link-member-heading h3:before {
  top: 15px;
}
.panel-items .panel-heading.link-member-heading h3.expanded:before {
  top: 18px;
}
.panel-items .panel-heading.link-member-heading .panel-actions {
  padding: 7px 14px 0 0;
}
.panel-items .panel-heading.short-heading h3 {
  width: auto;
  max-width: 55%;
  height: 30px;
  line-height: 28px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.panel-items .panel-heading.short-heading span.date-created {
  float: right;
  width: auto;
  font-size: 12px;
  padding: 7px 12px 0 0;
}
.panel-items .panel-heading.short-heading span.date-created.before-buttons {
  margin-right: 65px;
}
.panel-items .panel-heading.actions-heading {
  padding-right: 65px;
}
.panel-items .panel-heading.actions-heading h3 {
  height: 30px;
  line-height: 28px !important;
}
.panel-items .panel-heading.actions-heading h3 input[type=checkbox] {
  margin-top: 8px;
}
.panel-items .panel-heading.actions-heading .category,
.panel-items .panel-heading.actions-heading .date-created,
.panel-items .panel-heading.actions-heading .for-date,
.panel-items .panel-heading.actions-heading .location {
  font-size: 12px;
}
.panel-items .panel-heading.action-panel-linked h3 {
  display: flex;
}
.panel-items .panel-heading.action-panel-linked h3 input[type=checkbox] {
  margin-top: 0px !important;
}
.panel-items .panel-heading.action-panel-linked h3, .panel-items .panel-heading.action-panel-linked span {
  font-weight: 400 !important;
  padding-top: 0px !important;
  color: #000;
  font-size: 12px;
}
.panel-items .panel-heading.action-panel-linked span.title {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
}
.panel-items .panel-heading.action-panel-linked span.lnk-title-bold {
  font-weight: bold !important;
}
.panel-items .panel-heading.action-panel-linked span.lnk-title-grey.title {
  color: grey !important;
}
.panel-items h3 {
  position: relative;
  float: left;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  padding: 0 0 0 30px;
  height: 40px;
  margin: 0 !important;
}
.panel-items h3 input[type=checkbox] {
  display: block;
  float: left;
  margin: 2px 8px 0 0;
}
.panel-items h3 .counter-ico {
  display: block;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  font-size: 8px;
  font-weight: 400;
  color: #9fd118;
  line-height: 38px;
  text-align: center;
  margin-left: -10px;
  /*&.child-count:before {
             top: 10px;
             left: 10px;
             width: 20px;
             height: 20px;
             background: url(/Themes/Genealex/Styles/images/add-child-btn-new.svg) center center no-repeat;
             background-size: 100%;
           } DUPLICATED CODE*/
}
.panel-items h3 .counter-ico:before {
  display: block;
  position: absolute;
  top: 9px;
  left: 10px;
  width: 18px;
  height: 18px;
  content: "";
}
.panel-items h3 .counter-ico.partner-count:before, .panel-items h3 .counter-ico.distraineerepresentant-count:before, .panel-items h3 .counter-ico.distrainee-count:before, .panel-items h3 .counter-ico.incapability-count:before, .panel-items h3 .counter-ico.child-count:before, .panel-items h3 .counter-ico.incapable-count:before {
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
}
.panel-items h3 .counter-ico.partner-count:before {
  background: url(../images/wedding-ico.png) center center no-repeat;
}
.panel-items h3 .counter-ico.parent-count:before {
  /*border:1px solid $green;*/
  border: none;
  background: url(/Themes/Genealex/Styles/images/add-parent-btn-new.svg) center center no-repeat;
  background-size: 100%;
}
.panel-items h3 .counter-ico.distraineerepresentant-count:before {
  background: url(/Themes/Genealex/Styles/images/add-distrainee-btn.svg) center center no-repeat;
  background-size: 90%;
}
.panel-items h3 .counter-ico.distrainee-count:before {
  background: url(/Themes/Genealex/Styles/images/add-distrainee-btn-representant-new.svg) center center no-repeat;
  background-size: 90%;
}
.panel-items h3 .counter-ico.incapability-count:before {
  background: url(/Themes/Genealex/Styles/images/add-incapability-child-btn.svg) center center no-repeat;
  background-size: 90%;
}
.panel-items h3 .counter-ico.incapable-count:before {
  background: url(/Themes/Genealex/Styles/images/add-incapability-parent-btn.svg) center center no-repeat;
  background-size: 90%;
}
.panel-items h3 .counter-ico.child-count:before {
  /*border:1px solid $green;*/
  /*border-radius:50%;*/
  border: none;
  border-radius: unset;
  background: url(/Themes/Genealex/Styles/images/add-child-btn-new.svg) center center no-repeat;
  background-size: 100%;
}
.panel-items h3 a {
  display: block;
  float: left;
  cursor: pointer;
  line-height: 36px;
  min-height: 40px;
  text-decoration: underline !important;
}
.panel-items h3 a label {
  cursor: pointer;
}
.panel-items h3 .children-no {
  line-height: 36px;
}
.panel-items h3 .toggle {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 40px;
  cursor: pointer;
  z-index: 3;
}
.panel-items h3:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 15px;
  content: "";
  height: 0;
  width: 0;
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #c7c7c7;
  border-width: 4px;
}
.panel-items h3.expanded:before {
  top: 13px;
  left: 13px;
  border-left-color: transparent;
  border-top-color: #c7c7c7;
}
.panel-items .wedding-count {
  display: block;
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  font-size: 8px;
  font-weight: 400;
  color: #9fd118;
  line-height: 28px;
  text-align: center;
  margin-left: 30px;
  background: url(../images/wedding-ico.svg) center center no-repeat;
}
.panel-items .person {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  padding: 6px 0 0 30px;
  height: 30px;
}
.panel-items .panel-actions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 14px 0 0;
  z-index: 5;
}
.panel-items .panel-actions .ico-btn {
  margin: 0;
}
.panel-items .panel-content {
  display: none;
  font-size: 12px;
  padding: 8px 15px;
  border-bottom: 1px solid #d9d9d9;
}
.panel-items .date {
  display: block;
  position: relative;
  float: left;
  line-height: 20px;
  height: 20px;
  padding: 0 30px 0 25px;
}
.panel-items .date:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: inherit;
  text-align: center;
}
.panel-items .date-sent:before {
  color: #9fd118;
  content: "\f1d8";
}
.panel-items .date-replied:before {
  font-size: 13px;
  color: #eeba2e;
  content: "\f0e2";
}
.panel-items .actions {
  float: right;
  padding-right: 10px;
}
.panel-items .actions label {
  display: block;
  position: relative;
  float: left;
  height: 20px;
  width: 30px;
  padding-right: 8px;
}
.panel-items .actions label:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 14px;
  text-align: right;
  color: #3fa6c3;
  line-height: 20px;
}
.panel-items .actions .archive:before {
  content: "\f01c";
}
.panel-items .actions .price:before {
  content: "\f153";
}
.panel-items .actions input[type=checkbox] {
  display: block;
  float: left;
  margin-top: 4px;
}
.panel-items .marital-status {
  width: 20%;
  float: left;
}
.panel-items .address,
.panel-items .documents {
  width: 40%;
  float: left;
}
.panel-items .label {
  display: block;
  font-weight: 400;
  color: #000;
}
.panel-items .label span {
  font-weight: 300;
}
.panel-items .address .label {
  float: left;
}
.panel-items .address .label span {
  display: block;
  padding-left: 10px;
}
.panel-items .date-infos {
  float: left;
  margin-left: 10px;
}
.panel-items .date-infos span {
  display: block;
  float: left;
  font-size: 12px;
  line-height: 37px;
  /*padding:0 20px 0 25px;*/
  padding: 0 13px 0 25px;
}
.panel-items .date-infos span.born {
  padding-left: 30px;
  background: url(../images/birth-ico.svg) center left no-repeat;
}
.panel-items .date-infos span.died {
  padding-left: 20px;
  background: url(../images/death-ico.svg) center left no-repeat;
}
.panel-items .date-infos span.married {
  background: url(../images/wedding-ico.svg) center left no-repeat;
}
.panel-items .date-infos span.divorced {
  background: url(../images/divorce-ico.svg) center left no-repeat;
}

.case-load-panel,
.createAddress-enable,
.has-scrollbar {
  pointer-events: all !important;
  opacity: 1;
}

/* Every single form block of the Family Members huge form */
.info-block {
  clear: both;
  margin-bottom: 10px;
  /* The smaller blocks that take half of the width of every block */
  /* This is the block when fully minimized when clicked on the minimize button */
  /* This is the block when expanded to the default 120px height */
  /* This is the block when fully expanded to the content it holds */
}
.info-block.half-width {
  width: calc(50% - 5px);
  float: left;
  clear: none;
}
.info-block.cust-width {
  width: calc(40% - 5px);
  float: left;
  clear: none;
}
.info-block.left {
  margin-right: 10px;
}
.info-block.minimized .info-block-content {
  height: 0;
  border: 0;
  overflow: hidden;
}
.info-block.expanded-small .info-block-content {
  height: 120px;
}
.info-block.expanded-full .info-block-content {
  height: auto;
}
.info-block.expanded-full .nano-content {
  position: relative !important;
}
.info-block.expanded-full .nano-pane {
  display: none !important;
}
.info-block.devolution-block .info-block-content {
  padding-left: 10px;
  padding-top: 10px;
}

/* The blocks' green headings and elements inside */
.info-block-heading {
  position: relative;
  height: 33px;
  background: #95c33f;
}
.info-block-heading:not(.modal-fm-head) {
  border-bottom: 2px solid #ddf0b9;
}
.info-block-heading h2 {
  float: left;
  font-family: "Signika", sans-serif;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  padding: 10px 15px 0;
  margin: 0 !important;
}
.info-block-heading .complete {
  float: left;
  padding: 7px 10px 0 0;
}
.info-block-heading .complete label {
  display: block;
  float: left;
  font-family: "Signika", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  margin-right: 6px;
}
.info-block-heading .complete input[type=checkbox] {
  display: block;
  float: left;
  margin-top: -1px;
}
.info-block-heading .devolution-h2 {
  width: 100%;
  text-align: center;
}

/* The round semi-transparent counters inside the headings */
.header-count {
  float: left;
  padding: 5px 0 0 0;
}
.header-count span {
  display: block;
  float: left;
  width: 21px;
  height: 21px;
  font-size: 9px;
  font-weight: 400;
  color: #95c33f !important;
  line-height: 21px !important;
  text-align: center;
  background: #ddf0b9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 0 2px 0 0 !important;
  margin: 2px 5px 0 0;
}
.header-count a,
.header-count button {
  display: block;
  position: relative;
  float: left;
  width: 21px;
  height: 21px;
  background: url(about:blank);
  border: 0;
  text-indent: -9999px;
  padding: 0;
  margin-top: 2px;
}
.header-count a:before,
.header-count button:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 3px;
  width: 15px;
  height: 1px;
  background: #fff;
  content: "";
}
.header-count a:after,
.header-count button:after {
  display: block;
  position: absolute;
  top: 3px;
  left: 10px;
  width: 1px;
  height: 15px;
  background: #fff;
  content: "";
}

/* The Add Child / Partner / Parent buttons in the linked member block */
.add-links {
  float: left;
  padding: 3px 0 0 0;
}
.add-links input[type=checkbox] {
  display: block;
  float: left;
  margin: 6px 2px 0 0;
}
.add-links a {
  display: block;
  float: left;
  width: 25px;
  height: 25px;
  background-size: 23px 23px !important;
}
.add-links span {
  display: block;
  float: left;
  color: #ddf0b9;
  line-height: 25px;
  padding: 0 10px 0 2px;
}
.add-links div {
  float: left;
}
.add-links div.add-partner a {
  background: url(../images/add-partner-btn.svg) center center no-repeat;
}
.add-links div.add-child a {
  /*background:url(../images/add-child-btn.svg) center center no-repeat;*/
  background: url(/Themes/Genealex/Styles/images/add-child-btn-new-white-plus.svg) center center no-repeat;
  background-size: 80% !important;
}
.add-links div.add-parent a {
  background: url(/Themes/Genealex/Styles/images/add-parent-btn-new-white-plus.svg) center center no-repeat;
  background-size: 80% !important;
}
.add-links div.add-distrainee a {
  background: url(/Themes/Genealex/Styles/images/add-distrainee-btn-white.svg) center center no-repeat;
  background-size: 80% !important;
}
.add-links div.add-incapability a {
  background: url(/Themes/Genealex/Styles/images/add-incapability-child-btn-plus-white.svg) center center no-repeat;
  background-size: 80% !important;
}

/* The Minimize / Maximize buttons inside the block headers */
.ui-actions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 12px 0;
}

.info-block-content {
  height: 120px;
  border: 1px solid #d9d9d9;
  border-top: 0;
}

#information .info-block-content {
  height: auto;
}

/* Actions Tabbed Heading */
#actions.info-block .info-block-heading {
  background: none;
}
#actions.info-block .info-block-heading h2 {
  width: 50%;
  float: left;
  height: 31px;
  background: rgb(125.8380952381, 165.4857142857, 51.7142857143);
  border-top-right-radius: 6px;
  cursor: pointer;
}
#actions.info-block .info-block-heading h2:nth-child(2) {
  border-top-right-radius: 0;
  border-top-left-radius: 6px;
}
#actions.info-block .info-block-heading h2:hover, #actions.info-block .info-block-heading h2.active {
  background: #95c33f;
}
#actions.info-block .info-block-heading h2 span {
  display: block;
  float: left;
  margin-right: 15px;
}
#actions.info-block .info-block-heading .ui-actions,
#actions.info-block .info-block-heading .header-count {
  z-index: 5;
}
#actions.info-block .info-block-heading .header-count {
  margin-top: -10px;
}
#actions.info-block .info-block-heading .header-count span {
  margin-right: 5px;
}

.actions-history-list {
  display: none;
}

#family-member-lock-summary .field-validation-error, #lock-summary .field-validation-error {
  color: red !important;
}
#family-member-lock-summary .field-validation-warning, #lock-summary .field-validation-warning {
  color: orange !important;
}

/* That small tiny light grey block below the view toggles on the left, holding the last modification info */
#modification-info {
  padding: 5px;
  background: #ededed;
  border: 1px solid #d9d9d9;
  margin: 5px 15px 15px;
  font-size: 12px;
}
#modification-info div {
  font-weight: 400;
}
#modification-info div.modified {
  margin-bottom: 10px;
}
#modification-info span {
  display: block;
  font-weight: 300;
  padding-top: 2px;
}

/* Tree Single Item */
.bp-item.bp-corner-all {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.bp-item.locked .item-title:before {
  font-family: FontAwesome;
  content: "\f023";
  height: 15px;
  position: absolute;
  left: 5px;
  top: 0px;
}
.bp-item.bt-item-frame {
  background: none;
  border: 0;
  height: auto !important;
  min-height: 120px;
}
.bp-item.bp-title-frame {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  background: #949599;
  min-height: 30px;
}
.bp-item.bp-title {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: auto !important;
  font-size: 16px;
  padding: 7px 0 0 10px;
}
.bp-item .data-items {
  float: left;
  background: #fff;
  width: calc(100% - 30px);
}
.bp-item .data-items-zoom2 {
  width: calc(100% - 20px);
}
.bp-item .cs-block-content {
  border: 1px solid #d9d9d9;
  border-top: 0;
}
.bp-item .cs-individual-date {
  height: 35px;
  padding: 5px 10px;
}
.bp-item .cs-individual-date span {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 25px;
}
.bp-item .cs-individual-date span.place {
  padding-left: 35px;
}
.bp-item .cs-individual-date span.place-zoom2 {
  padding-left: 32px !important;
}
.bp-item .cs-individual-date span.birth-place, .bp-item .cs-individual-date span.death-place {
  background: url(../images/birth-ico.svg) center left no-repeat;
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bp-item .cs-individual-date span.birth-place-zoom2 {
  background-size: 24px 24px;
}
.bp-item .cs-individual-date span.death-place {
  background: url(../images/death-ico.svg) 7px 0 no-repeat;
}
.bp-item .cs-individual-date span.date {
  float: right;
}
.bp-item .cs-individual-date:after {
  display: block;
  content: "";
  clear: both;
}
.bp-item .ico-btn {
  margin: 0 5px 0 0;
}
.bp-item .notes {
  padding: 10px;
  border-top: 1px solid #d9d9d9;
}
.bp-item .notes .label {
  display: block;
  font-size: 17px;
  font-weight: 700;
  color: #868688;
  line-height: 1;
  margin-bottom: 8px;
}
.bp-item .notes textarea {
  display: block;
  width: 100%;
  height: 50px;
  border: 1px solid #d9d9d9;
}

/* Side Actions */
#basicdiagram ul.ui-widget-zoom2,
.orgdiagram ul.ui-widget-zoom2 {
  width: 20px !important;
}
#basicdiagram ul.ui-widget,
.orgdiagram ul.ui-widget {
  display: block;
  float: left;
  list-style: none;
  width: 30px;
  height: auto !important;
  border: 1px solid #d9d9d9;
  border-left: 0;
  border-bottom: 0;
}
#basicdiagram ul.ui-widget li.famdiagrambutton-zoom2,
.orgdiagram ul.ui-widget li.famdiagrambutton-zoom2 {
  width: 20px !important;
  height: 20px !important;
  padding: 2px 2px 2px !important;
}
#basicdiagram ul.ui-widget li,
.orgdiagram ul.ui-widget li {
  display: block;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 30px !important;
  height: 30px !important;
  padding: 5px 5px 4px !important;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: none;
}
#basicdiagram ul.ui-widget li .ui-button-text,
.orgdiagram ul.ui-widget li .ui-button-text {
  display: none !important;
}
#basicdiagram ul.ui-widget li .ui-icon,
.orgdiagram ul.ui-widget li .ui-icon {
  display: block;
  position: relative;
  width: 100% !important;
  height: 100% !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  cursor: pointer;
  /*background-image:none !important;*/
}
#basicdiagram ul.ui-widget li .cs-add-child-btn,
.orgdiagram ul.ui-widget li .cs-add-child-btn {
  border: 1px solid #95c33f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#basicdiagram ul.ui-widget li .cs-add-parent-btn,
.orgdiagram ul.ui-widget li .cs-add-parent-btn {
  border: 1px solid #95c33f;
}
#basicdiagram ul.ui-widget li .cs-add-partner-btn,
.orgdiagram ul.ui-widget li .cs-add-partner-btn {
  background: url(../images/wedding-ico.svg) center center no-repeat !important;
}
#basicdiagram ul.ui-widget li .cs-add-partner-btn-zoom2,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2 {
  background-size: 17px 15px !important;
}
#basicdiagram ul.ui-widget li .cs-edit-btn:before,
.orgdiagram ul.ui-widget li .cs-edit-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  font-family: FontAwesome;
  font-size: 16px;
  color: #95c33f;
  text-align: center;
  line-height: 20px;
  text-indent: 0;
  content: "\f040";
}
#basicdiagram ul.ui-widget li .cs-edit-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-edit-btn-zoom2:before {
  width: 15px !important;
  height: 15px !important;
  line-height: 15px !important;
}
#basicdiagram ul.ui-widget li .cs-add-child-btn:before, #basicdiagram ul.ui-widget li .cs-add-child-btn:after,
#basicdiagram ul.ui-widget li .cs-add-parent-btn:before,
#basicdiagram ul.ui-widget li .cs-add-parent-btn:after,
#basicdiagram ul.ui-widget li .cs-add-partner-btn:before,
#basicdiagram ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after {
  display: block;
  position: absolute;
  content: "";
  background: #95c33f;
}
#basicdiagram ul.ui-widget li .cs-add-child-btn:before,
#basicdiagram ul.ui-widget li .cs-add-parent-btn:before,
#basicdiagram ul.ui-widget li .cs-add-partner-btn:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:before {
  top: 5px;
  left: 9px;
  width: 1px;
  height: 8px;
}
#basicdiagram ul.ui-widget li .cs-add-child-btn:after,
#basicdiagram ul.ui-widget li .cs-add-parent-btn:after,
#basicdiagram ul.ui-widget li .cs-add-partner-btn:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn:after {
  top: 9px;
  left: 5px;
  width: 8px;
  height: 1px;
}
#basicdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
#basicdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
#basicdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:before,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:before {
  top: 2px !important;
  left: 7px !important;
  width: 1px !important;
  height: 9px !important;
}
#basicdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
#basicdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
#basicdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-child-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-parent-btn-zoom2:after,
.orgdiagram ul.ui-widget li .cs-add-partner-btn-zoom2:after {
  top: 6px !important;
  left: 3px !important;
  width: 8px !important;
  height: 1px !important;
}
#basicdiagram ul.ui-widget li .cs-hideFM-btn:before,
.orgdiagram ul.ui-widget li .cs-hideFM-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "Fontawesome";
  font-size: 20px;
  color: #95c33f;
  line-height: 20px;
  text-indent: 0;
  content: "\f06e";
}
#basicdiagram ul.ui-widget li.hiddenIndividual .cs-hideFM-btn:before,
.orgdiagram ul.ui-widget li.hiddenIndividual .cs-hideFM-btn:before {
  color: #f93131;
}

/* research status area */
.treeview-track {
  /*position:relative;*/
  float: left;
  font-size: 0;
  text-align: left;
  white-space: nowrap;
  width: 100% !important;
  overflow: hidden;
}
.treeview-track.hide-items:before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: #fff;
  content: "";
  z-index: 2;
}
.treeview-track.hide-items:after {
  display: block;
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 30px;
  height: 100%;
  font-size: 30px;
  color: #666;
  line-height: 5px;
  content: "...";
  z-index: 3;
}

.treeview-track span.value:empty:before {
  content: "​";
  /*unicode zero width space character;*/
}

.track-item {
  display: inline-block;
  width: 40px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
.track-item label {
  display: block;
  line-height: 1;
  padding-bottom: 3px;
}
.track-item .value {
  display: block;
  line-height: 1;
}
.track-item input {
  width: 30px;
  height: 20px;
  text-align: center;
  font-size: 12px;
  padding: 0 2px !important;
  margin: 0 5px;
}

.treeview-track-actions {
  /*width:80px;
  float:left;*/
  width: 40px !important;
  float: left;
  margin-left: 17px;
}
.treeview-track-actions label {
  display: block;
  font-size: 13px;
  line-height: 1;
  padding-bottom: 5px;
}
.treeview-track-actions .track-boxes:after {
  display: block;
  content: "";
  clear: both;
}
.treeview-track-actions input {
  display: block;
  float: left;
  margin: 0 6px 0 0;
}

#basicdiagram ul.ui-widget li.hiddenIndividual .cs-hideFM-btn:before,
.orgdiagram ul.ui-widget li.hiddenIndividual .cs-hideFM-btn:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: "Fontawesome";
  font-size: 20px;
  color: #f93131;
  line-height: 20px;
  text-indent: 0;
  content: "\f06e";
}

.content-expense-service {
  margin-top: 30px;
}

.modal-invoice-table-products-actions {
  display: flex;
  margin-top: 15px;
}
.modal-invoice-table-products-actions .action-item {
  width: 150px !important;
}
.modal-invoice .modal-invoice-recap #addProductToInvoiceTable {
  width: auto;
  padding: 5px 20px;
}
.modal-invoice .modal-invoice-recap #invoiceTotalHVAT {
  cursor: none;
}
.modal-invoice .addNewProduct .addNewProduct-item {
  height: 45px !important;
  margin: 0 !important;
}

.create-accounting-price {
  margin-bottom: 20px;
}

#connections .info-block-content .nano-content {
  overflow-y: auto;
  overflow-x: auto;
}
#connections .info-block-content .nano-content .panel-items {
  height: 100%;
  overflow-y: scroll;
}

/* Responsive Features */
@media screen and (max-width: 1900px) {
  #main .columns-holder {
    margin: 0;
  }
  #main .column {
    width: 800px;
    float: none;
    padding: 0;
  }
}
@media screen and (max-width: 1280px) {
  #main .column {
    width: 100%;
  }
}
@media only screen and (max-width: 1400px) and (min-width: 1024px) {
  #aside-first {
    width: 120px;
  }
  #main {
    padding: 0 !important;
    margin-left: 130px;
    margin-top: 80px;
    padding-right: 20px !important;
    width: calc(100% - 130px) !important;
  }
  div#actionsSearchFilter table tbody tr td .btn, div#actionsSearchFilter table tbody tr td .modal-style .ui-widget-content .ui-dialog-buttonset button, .modal-style .ui-widget-content .ui-dialog-buttonset div#actionsSearchFilter table tbody tr td button, div#actionsSearchFilter table tbody tr td .modal-consent .ui-widget-content .ui-dialog-buttonset button, .modal-consent .ui-widget-content .ui-dialog-buttonset div#actionsSearchFilter table tbody tr td button {
    font-size: 11px !important;
  }
  #logo {
    width: 120px;
    background: url(../images/logo-responsive.png) 45px 10px no-repeat;
    background-size: auto 60px;
  }
  #user-main-nav ul li a {
    word-break: break-all;
  }
  #footer {
    margin-top: 60px !important;
    margin-left: 135px !important;
  }
  .columns-holder {
    margin-left: 50px;
    margin-top: 80px;
  }
  #login-form, #forgot-password {
    margin: 150px auto 50px auto;
  }
  #view-toggles {
    width: 120px;
  }
  #view-toggles a {
    word-break: break-word;
    padding-left: 25px;
    padding-right: 40px !important;
  }
  #view-toggles a:before {
    left: 5px;
  }
  .documents_filter,
  #document-datatable_wrapper {
    width: 100% !important;
    max-width: 1450px;
    padding-right: 20px;
  }
  #document-datatable_wrapper {
    min-width: 1450px;
  }
  .documents_filter {
    min-width: 1430px;
  }
  .multi_document_btn,
  .create-new-document-btn {
    margin-right: -70px !important;
  }
  #document-datatable .document_tr .warning-reminder:before {
    float: none;
  }
  #document-datatable .document_tr .warning-reminder .history-buttons {
    text-align: center;
    float: none;
    display: inline-block;
    line-height: 22px;
  }
  #document-datatable .document_tr .warning-reminder .reminder-edit {
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  #document-datatable .document_tr .warning-reminder .history-buttons .reminder-history {
    float: none;
    text-align: center;
    display: inline-block;
  }
  #document-datatable .request_table .document_tr.tr_bold td:nth-child(3) {
    position: absolute;
  }
  #document-datatable .ViewPdf {
    text-align: center;
    display: inline-block;
    float: none;
  }
}
#view-toggles a {
  padding-right: 10px;
}

#main .columns-holder {
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .widget-class-div .widget-class {
    width: 100%;
    padding-bottom: 10px;
  }
  #main.document-list-main {
    padding: 0 !important;
    margin-left: 130px;
    margin-top: 80px;
    width: 1708px; /*100%;*/
    padding: 0px 20px 0px 0px !important;
  }
  .document-list-main #aside-first {
    width: 120px;
  }
  .document-list-wrapper #logo {
    width: 120px;
    background: url(../images/logo-responsive.png) 45px 10px no-repeat;
    background-size: auto 60px;
  }
}