@charset "utf-8";

:root {
  --sidebar-width: 250px;
  --ral-logo-height: 105px;
  --version-height: 15px;

  --navToggle-left-edge: 50px;
  /* The amount of padding inside the content wrapper */
  --content-padding: 20px;

  --header-height: 48px;
  --page-title-height: 75px;
  --footer-height: 75px;

  /*  The original page started content at 140px from the top. Now that everything is relative, we have to adjust the top of the content. */
  --page-content-margin: calc(140px - var(--header-height) - var(--page-title-height));

  --row-header-width: 294px;

  /* The width of a scrollbar is different between browsers and computers, so we define a specific value that all elements can use for
  standardized padding. Most browsers on PCs are 17px. We'll use 20px so we have a little wiggle room if needed. */
  --scrollbar-width: 20px;

  /* Print settings */
  --page-margin: 42px;
  
  /* Common colors */
  --entry-field-background: #acdbff;
  --disabled-background: #ddd;
}

/* Safari needs some different values for variables, particularly for things that deal with printing. Variable definitions
 * also cascade, so override some of them here. The .my-class1 style is applied only in Safari.
*/
.my-class1 {
  --page-margin: 33px;
}

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

body {
  font-family: 'Roboto', sans-serif !important;
  line-height: normal;
}

a {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

a:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  border: 0;
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
}

input[type="email"] {
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 33px;
  padding: 5px;
  text-align: left;
}

.clear {
  clear: both;
}

.blue_bg {
  background: #1d659c;
}

.aqua_bg {
  background: #7da7d9;
}

.red_text {
  color: #ff0000 !important;
}

.center_align {
  text-align: center;
}

.flex {
  display: flex;
}

/* To center items in a flexbox horizontally */
.flex-horizontal-center {
  justify-content: center;
}

/* To center items in a flexbox vertically */
.flex-vertical-center {
  align-items: center;
}

/* To center items in a flexbox both horizontally and vertically */
.flex-center {
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.middle_title {
  margin-top: 30px;
  /* TODO: Should we really add the bottom as well so everything is padded the same? Find out all the places this is used and adjust
  the margins/padding on other things. */
  margin-bottom: 21px;
}

input:disabled {
  pointer-events: none;
}

/*===================*/
.logo_container {
  display: block;
  text-align: center;
  padding: 22px 0;
  background-image: url("../images/Assisted_Living_Financial_Suite_all_white.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: var(--ral-logo-height);
}

.logo_container .logo {
  display: inline-block;
}

.logo_container .logo:hover {
  opacity: 0.64;
}

.main-sidebar {
  background: #1d659c;
  height: 100%;
  left: 0;
  min-height: 100%;
  position: fixed;
  top: 0;
  width: var(--sidebar-width);
}

.main-sidebar .sidebar {
  height: 100%;
}

.sidebar-menu li a {
  color: #e9e9e9;
  text-decoration: none;
  font-size: 17px;
  font-weight: 700;
}

.main-sidebar .sidebar-menu {
  counter-reset: my-counter;
}

.main-sidebar .sidebar_scroll {
  height: calc(100% - var(--ral-logo-height) - var(--version-height));
  overflow-y: auto;
}

.main-sidebar .sidebar-menu li {
  position: relative;
}

.main-sidebar .sidebar-menu > li > a {
  color: #e9e9e9;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  padding: 10px 0 10px 40px;
  display: block;
}

.main-sidebar .sidebar-menu > li a:hover,
.main-sidebar .sidebar-menu > li.active a {
  background: #99c042;
  color: #000;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.24);
}

.main-sidebar .sidebar-menu > li:hover:before,
.main-sidebar .sidebar-menu > li.active:before {
  color: #000;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.main-sidebar .sidebar-menu > li::before {
  color: #e9e9e9;
  content: counter(my-counter, decimal) ". ";
  counter-increment: my-counter;
  font-size: 15px;
  font-weight: 700;
  left: 8px;
  min-width: 20px;
  position: absolute;
  text-align: right;
  top: 11px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.main-sidebar .sidebar-menu li sup {
  position: absolute;
  top: 19px;
}

.main-sidebar .sidebar-menu li:nth-child(13)::before,
.main-sidebar .sidebar-menu li:nth-child(14)::before,
.main-sidebar .sidebar-menu li:nth-child(15)::before,
.main-sidebar .sidebar-menu li:nth-child(16)::before {
  display: none;
}

.main-sidebar .sidebar-menu li:nth-child(13) a,
.main-sidebar .sidebar-menu li:nth-child(14) a,
.main-sidebar .sidebar-menu li:nth-child(15) a,
.main-sidebar .sidebar-menu li:nth-child(16) a {
  text-align: center;
  padding-left: 0;
  color: #fff;
}

.main-sidebar .sidebar-menu.forAdminLink li:nth-child(13)::before {
  display: block;
}

.main-sidebar .sidebar-menu.forAdminLink li:nth-child(13) a {
  text-align: left;
  padding-left: 40px;
}


.main-sidebar .sidebar-menu li:first-child::after {
  display: none;
}

/*===================*/
/* CEW STYLES */
.roundButton {
  background: #99C041;
  border: 0 none;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 15px;
  text-align: center;
  text-transform: uppercase;
}

.disabled {
  pointer-events: none;
  background-color: var(--disabled-background);
}

.logoutButton {
  background: #ffffff;
  color: #1d1d1d;
}

#main_header .title sup {
  font-size: 12px;
}

.hDiff-font #main_header {
  overflow: hidden;
}

.hDiff-font #main_header .title,
#main_header .title sup {
  font-family: 'HP Simplified Light';
}

#main_header .title span {
  font-family: 'PRISTINA';
  font-weight: normal;
  text-transform: initial;
  font-size: 24px;
}

#main_header .title sup {
  font-size: 4px;
  margin-left: 4px;
  position: relative;
  top: -12px;
  font-weight: bold;
}

.hDiff-font.suppos #main_header .title sup {
  margin-left: 6px;
  top: -16px !important;
}

@media screen {
  header {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) 8fr minmax(130px, 1fr);
    grid-template-areas: "instructionButton title logoutButton";

    background: #1d1d1d;
    position: relative;
    top: 0;
    /* Above the content (including the tooltip), but below instruction-text */
    z-index: 2;
    padding: 0 var(--content-padding);
  }

  header .header_left {
    display: flex;
    align-items: center;
  }

  header .save_btn {
    grid-area: instructionButton;
  }

  header .title {
    grid-area: title;

    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: var(--header-height);
  }

  header .header_right {
    display: flex;
    /* For vertically centering in a flex */
    align-items: center;
    /* For pushing content to the right in the flex */
    justify-content: flex-end;
  }

  header .logout_btn {
    grid-area: logoutButton;
  }

  .content-wrapper {
    width: calc(100% - var(--sidebar-width));
    position: fixed;
    left: var(--sidebar-width);
    height: 100%;
    top: 0;
    background: white;
  }

  /* TODO: Is it better to force them in the screen section, or use the "initial" value in the @print section? Doing it in the print section
  would require resetting all values that get added here if we don't want them to change in the print format. On the other hand, those that we
  do want in both screen and print should be added in a global section, I guess. */
  .content-wrapper-inner {
    background: #ffffff;
    overflow-y: auto;
    height: calc(100% - var(--header-height) - var(--page-title-height));
  }
}

.content-wrapper-inner {
  padding: 0 var(--content-padding);
}

/* Apparently, not having a space between the classes means that the style will apply wherever they appear in the list of classes
instead of an exact match on order. */
.content-wrapper-inner.no-project-title {
  height: calc(100% - var(--header-height));
}

/*===================*/
.content-wrapper .page_title {
  background: #ffffff;
  color: #1d659c;
  font-size: 20px;
  font-weight: 900;
  padding: 5px var(--content-padding);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
  height: var(--page-title-height);
}

.content-wrapper .page_title span {
  float: left;
  padding-top: 22px;
}

.content-wrapper .page_title img {
  float: right;
}

.content-wrapper .page_title img {
  display: inline-block;
  vertical-align: middle;
  max-height: 65px;
}


.content-wrapper-inner .section_title {
  text-align: center;
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.content-wrapper-inner .section_title sup {
  font-size: 12px;
}

.content-wrapper-inner .section_body {
  background: #fafafa;
  border-radius: 5px;
  margin-top: 5px;
  padding: 10px 25px 25px;
}

.content-wrapper-inner .section_body:before,
.content-wrapper-inner .section_body:after {
  content: "";
  display: table;
  clear: both;
}

.content-wrapper-inner .section_body table th {
  text-transform: uppercase;
  color: #1d659c;
  font-size: 18px;
  text-align: center;
  padding: 0 5px 6px;
}

.content-wrapper-inner .section_body table td {
  padding: 6px 5px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: center;
}

.content-wrapper-inner .section_body table td.blue_text {
  color: #1d659c;
}

.content-wrapper-inner .section_body table td .sr_number {
  color: #1d659c;
  padding-right: 10px;
}

.content-wrapper-inner .section_body table sup {
  font-size: 12px;
}

.content-wrapper-inner .section_body table {
  width: 900px;
  margin: 0 auto;
}

.content-wrapper-inner .section_body table td:first-child {
  text-align: left;
}

.content-wrapper-inner .parameters .section_body table td:first-child {
  text-align: left;
  width: 258px;
}

.content-wrapper-inner .enterprice .section_body table td:first-child {
  text-align: left;
  width: 290px;
}

.content-wrapper-inner .enterprice_business .section_body table td:first-child {
  text-align: left;
  width: 288px;
}

.content-wrapper-inner .section_body table td small {
  display: block;
  color: #484848;
  font-size: 12px;
}

.content-wrapper-inner .section_body table input[type="text"] {
  width: 125px;
  height: 33px;
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  margin: 0 auto;
  border-radius: 5px;
  display: table;
  color: #000;
  font-size: 16px;
  padding: 5px;
  text-align: center;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}

.content-wrapper-inner span.input_type {
  width: 125px;
  height: 33px;
  background: #ffffff;
  border: 1px solid #c2c2c2;
  margin: 0 auto;
  border-radius: 5px;
  display: table;
  color: #000;
  font-size: 16px;
  padding: 5px;
  text-align: center;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}

.content-wrapper-inner .section_body table input.not_editable[type="text"] {
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
}

.content-wrapper-inner .section_body table td .info_ico {
  cursor: pointer;
  display: inline;
  padding: 0 0 0 7px;
  position: relative;
}

.content-wrapper-inner .section_body table td .info_ico:hover {
  opacity: 0.54;
}

.content-wrapper-inner .section_body table td .none_dots {
  display: table;
  height: 33px;
  width: 130px;
  margin: 0 auto;
  background: url(../images/border.png) repeat-x center left;
}

.content-wrapper-inner .info-section {
  margin-bottom: 15px;
}

.content-wrapper-inner .section_body .graph {
  padding: 50px 0 10px;
  text-align: center;
}

.content-wrapper-inner .section_body .graph img {
  max-width: 900px;
  height: auto;
}

.content-wrapper-inner .enterprice_appraisal .section_body table td:first-child {
  width: inherit;
}

.content-wrapper-inner .section_body table th small {
  color: #000000;
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  text-transform: none;
  width: 65px;
}

/**************** AUTH *******************/
app-auth::before {
  background: hsl(206, 69%, 36%) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/****************LOGIN*******************/
.login_outer {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 380px;
}

.login-box {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: #fff;
}

.login-box-body {
  border-top: 0 none;
  color: hsl(0, 0%, 40%);
  padding: 35px 20px;
}

.login-box label {
  color: hsl(0, 0%, 40%);
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  padding: 0;
  width: inherit;
}

.login-box .checkbox input {
  height: inherit;
  margin: 0;
  width: inherit;
}

.login-box input {
  background: hsl(0, 0%, 100%);
  border-radius: 0;
  color: hsl(0, 0%, 0%);
  font-size: 16px;
  font-weight: 400;
  height: 43px;
  padding: 5px;
  width: 100%;
  border: 1px solid transparent;
  border-bottom: 1px solid hsl(0, 0%, 76%);
}

.login-box .has-feedback {
  padding-bottom: 15px;
}

button.btn-sub {
  width: 100%;
  display: block;
  background: hsl(206, 69%, 36%);
  font-size: 17px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  padding-top: 12px;
  border: none;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}

app-login::before {
  background: hsl(36, 79%, 48%) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

div.checkbox.icheck {
  display: inline;
  float: left;
}

div.for_link {
  display: inline;
  float: right;
}

button.btn-sub:hover {
  background-color: #3c84bb;
}

div.for_link a {
  color: hsl(0, 0%, 40%);
}

.logo_dv {
  padding: 10px;
  text-align: center;
}

/****************form*******************/

form {
  margin: 10px auto;
  width: 100%;
}

form .form_row:after,
form .form_row:before {
  content: "";
  display: table;
  clear: both;
}

form .form_row .form_col {
  float: left;
  padding: 10px;
}

form label {
  display: inline-block;
  font-weight: 500 !important;
  padding: 6px 9px 0 0;
  text-align: right;
  vertical-align: top;
  width: 120px;
  font-size: 16px;
  color: #000;
}

form input {
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 33px;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  width: 298px;
  vertical-align: top;
}

form .form_row {
  padding: 5px 0;
}

.select_wrapper {
  width: 298px;
  display: inline-block;
  position: relative;
}

.select_wrapper select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  position: relative;
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  width: 100%;
  height: 33px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
  background-image: url("../images/select_caret.png");
  background-repeat: no-repeat;
  background-position: right center;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .select_wrapper::after {
    display: none;
  }
}

form .form_row .description_wrapper {
  width: 298px;
  display: inline-block;
  position: relative;
}

form .form_row .description_wrapper textarea {
  max-width: 100%;
  height: 80px;
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  padding: 5px;
}

form .form_row.right_align {
  text-align: right;
  padding: 0 35px;
}

form .form_row .form_btn {
  background: #99c042;
  border: 0 none;
  border-radius: 30px;
  color: #ffffff;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 8px 20px;
  font-size: 17px;
  text-transform: uppercase;
  min-width: 110px;
  cursor: pointer;
}

form .form_row .form_btn:hover {
  opacity: 0.84;
}

/***********************/
.outerBorder {
  background: var(--entry-field-background);
  border: 1px #c2c2c2 solid;
  border-radius: 5px;
  padding: 5px;
}

.outerBorder form {
  margin: 0;
}

.budget_columns .cash_flow_parameter_col .row.subtotal_entry input.disabled {
  margin-top: 5px;
}

.cash_flow_parameter_col {
  float: left;
  padding: 2% 4% 0;
  width: 50%;
}

.cash_flow_parameter_col .row {
  margin-bottom: 20px;
}

.cash_flow_parameter_col label {
  position: relative;
  width: 60%;
  padding: 0 10px 0 0;
}

.cash_flow_parameter_col label span {
  display: inline-block;
  width: 87%;
  vertical-align: top;
}

.cash_flow_parameter_col label small {
  color: #494949;
  font-weight: 400;
  padding-right: 20px;
  font-size: 13px;
}

.cash_flow_parameter_col label i {
  display: inline-block;
  padding-left: 2px;
  position: relative;
  top: 0;
  vertical-align: top;
}

.cash_flow_parameter_col input {
  margin: 0;
  width: 35%;
  text-align: center;
  font-weight: 500;
}

.cash_flow_parameter_col label + p-inputmask {
  width: 35%;
}

.cash_flow_parameter_col span.disabled {
  width: 35%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  margin-top: 7px;
}

.cash_flow_table.monthly_cash_flow td {
  height: 53px;
  padding: 5px 10px;
}

.cash_flow_parameter_col label + p-inputmask input {
  width: 100%;
}

.cash_flow_parameter_col input.disabled {
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
}

.content-wrapper-inner input::-webkit-input-placeholder,
.content-wrapper-inner input::-moz-placeholder,
.content-wrapper-inner input:-ms-input-placeholder,
.content-wrapper-inner input:-moz-placeholder
{
  color: #000;
  opacity: 0.3;
}

.cash_flow_parameter_col form input::-webkit-input-placeholder {
  color: #000;
  opacity: 1;
}

.cash_flow_parameter_col form input::-moz-placeholder {
  color: #000;
  opacity: 1;
}

.cash_flow_parameter_col form input:-ms-input-placeholder {
  color: #000;
  opacity: 1;
}

.cash_flow_parameter_col form input:-moz-placeholder {
  color: #000;
  opacity: 1;
}

.cash_flow_parameter_col .title {
  border-bottom: 2px solid #c3c3c3;
  color: #1d659c;
  padding-bottom: 5px;
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

.cash_flow_table {
  width: 100%;
  margin-top: 20px;
}

.cash_flow_table th,
.right_table.cash_flow_table th:first-child {
  background: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

.cash_flow_table th:first-child {
  border-bottom: 0;
  text-align: right;
  position: relative;
}

.cash_flow_table th,
.cash_flow_table td {
  padding: 15px 10px;
  color: #000;
}

.cash_flow_table td small {
  color: #000;
  opacity: 0.84;
}

.cash_flow_table.monthly_cash_flow td {
  height: 53px;
  padding: 5px 10px;
}

.cash_flow_table td,
.right_table.cash_flow_table td:first-child {
  background: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  font-size: 14px;
}

.cash_flow_table td:first-child {
  font-weight: 500;
  font-size: 16px;
  background: #fff;
  border: 0;
  border-right: 1px solid #000;
  width: 215px;
}

.cash_flow_table td:last-child {
  border-right: 1px solid #000;
}

.cash_flow_table tr:nth-child(2n) {
  background: #fafafa;
}

.cash_flow_table tr:nth-child(2n+1) {
  background: #ededed;
}

.cash_flow_parameter_col .select_wrapper {
  height: 33px;
  display: inline-block;
  position: relative;
  text-align: center;
  width: 35%;
}

.cash_flow_parameter_col .select_wrapper select {
  padding-left: 5px;
  text-align-last: center;
  text-align: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center;
  overflow: hidden;
  padding-right: 25px;
  text-overflow: ellipsis;
}

.cash_flow_parameter_col .select_wrapper select option {
  text-align-last: center;
  text-align: center;
  -ms-text-align-last: center;
  -moz-text-align-last: center;
}

.cash_flow_parameter_col form input:active,
.cash_flow_parameter_col form input:focus {
  outline: none;
  border: 1px solid #000;
}

.content-wrapper-inner .section_body table input:active,
.content-wrapper-inner .section_body table input:focus {
  outline: none;
  border: 1px solid #56b4fd;
}

.cash_flows .tabs {
  width: 100%;
  display: table;
}

.cash_flows .tabs li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.cash_flows_title {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #1d659c;
}

.cash_flows .tabs li a {
  background: #f2f2f2;
  border-radius: 4px;
  color: #000000;
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin-left: 3px;
  padding: 10px 4px;
  text-align: center;
  box-shadow: inset 1px 0 4px rgba(0, 0, 0, 0.14);
  position: relative;
}

.cash_flows .tabs li a small {
  display: block;
  color: #000;
  opacity: 0.90;
  font-weight: normal;
  font-size: 11px;
}

.cash_flows .tabs li a span {
  white-space: nowrap;
}

.cash_flows {
  margin-top: 80px;
}

.cash_flows .graph {
  padding: 40px 20px 10px;
}

.cash_flows .tabs li a:hover::after {
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-top: 10px solid #ff9fa8;
  bottom: 0;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  top: 100%;
  left: 50%;
  margin-left: -5px;
}

.cash_flows .tabs li a:hover {
  background: #FFB3BA;
  color: #fff;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0.5s;
  transition: 0s;
}

.cash_flows .tabs li.operatingE a:hover {
  background: #fd3434;
}

.cash_flows .tabs li.operatingE a:hover::after {
  border-top: 10px solid #fd3434;
}

.cash_flows .tabs li.NetOI a:hover {
  background: #54b569;
}

.cash_flows .tabs li.NetOI a:hover::after {
  border-top: 10px solid #54b569;
}

.cash_flows .tabs li.debtS a:hover {
  background: #BAE1FF;
}

.cash_flows .tabs li.debtS a:hover::after {
  border-top: 10px solid #BAE1FF;
}

.cash_flows .tabs li.netCF a:hover {
  background: #dc4b89;
}

.cash_flows .tabs li.netCF a:hover::after {
  border-top: 10px solid #dc4b89;
}

.cash_flows .tabs li.LoanP a:hover {
  background: #8A8AD6;
}

.cash_flows .tabs li.LoanP a:hover::after {
  border-top: 10px solid #8A8AD6;
}

.cash_flows .tabs li.LoanPO a:hover {
  background: #00BBDE;
}

.cash_flows .tabs li.LoanPO a:hover::after {
  border-top: 10px solid #00BBDE;
}

.cash_flows .tabs li.netCashF a:hover {
  background: #18ab38;
}

.cash_flows .tabs li.netCashF a:hover::after {
  border-top: 10px solid #18ab38;
}

.cash_flows .tabs li.accountOC a:hover {
  background: #7b554a;
}

.cash_flows .tabs li.accountOC a:hover::after {
  border-top: 10px solid #7b554a;
}

.cash_flows .tabs li.accountM a:hover {
  background: #F17461;
}

.cash_flows .tabs li.accountM a:hover::after {
  border-top: 10px solid #F17461;
}

.table_btn {
  background: #1d659c;
  border: 0 none;
  border-radius: 4px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 19px;
  font-weight: 600;
  padding: 7px 10px;
}

.cash_flows .tabs li a:hover small {
  color: #fff;
}

.orange_btn {
  background: #7da7d9;
}

.aqua_btn {
  background: #7da7d9;
}

/**********Home*************/

.cash_flow_parameter_col.login_form {
  float: left;
  padding: 2% 4% 0;
  width: 100%;
}

.cash_flow_parameter_col .row {
  margin: 13px 0;
}

.cash_flow_parameter_col .row:before,
.cash_flow_parameter_col .row:after {
  content: "";
  display: table;
  clear: both;
}

.cash_flow_parameter_col.login_form .inner_col:nth-child(2) {
  margin-left: 5%;
}

.cash_flow_parameter_col.login_form .inner_col {
  float: left;
  width: 45%;
}

.cash_flow_parameter_col.login_form form label {
  padding: 0 15px 0 0;
  width: 49%;
}

.cash_flow_parameter_col.login_form form input {
  width: 100%;
}

.cash_flow_parameter_col.login_form .select_wrapper {
  width: 49%;
}

.cash_flow_parameter_col.login_form .select_wrapper select {
  text-align: left;
}

.add_multiple_companies {
  width: 100%;
  display: block;
  text-align: center;
}

.add_multiple_companies:after,
add_multiple_companies:before {
  content: "";
  clear: both;
  display: table;
}

.add_multiple_companies .col:nth-child(3n+1) {
  margin-left: 0;
}

.add_multiple_companies .add_new_company {
  background: #99c042 url("../images/add_new.png") no-repeat scroll 5px center;
  border: 0 none;
  border-radius: 32px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 25px auto 0;
  display: table;
  padding: 9px 15px 7px 40px;
  text-transform: uppercase;
}

.add_multiple_companies .add_new_company:hover,
.add_multiple_companies .add_new_company:active,
.add_multiple_companies .add_new_company:focus {
  outline: none;
  background-color: #89af36;
}

.add_multiple_companies .col {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  background: #fafafa;
  float: none;
  margin: 25px 1% auto;
  padding: 30px 30px 15px;
  width: 31%;
  border-radius: 5px;
}

.add_multiple_companies .col.add_new {
  background: #fff;
  border: 1px solid #b3b3b3;
  padding: 100px 30px;
}

.add_multiple_companies .col.add_new a {
  cursor: pointer;
  display: block;
}

.add_multiple_companies .col .imagecol {
  position: relative;
  height: 60px;
}

.add_multiple_companies .col .imagecol:hover .insert_logo {
  display: block;
}

.add_multiple_companies .col .imagecol .insert_logo {
  background: rgba(0, 0, 0, 0.84);
  color: #ffffff;
  cursor: pointer;
  font-size: 17px;
  height: 100%;
  left: 0;
  padding: 17px 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}

.add_multiple_companies .col .insert_logo i {
  padding-right: 10px;
}

.add_multiple_companies .col.add_new span {
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 0 0;
}

.add_multiple_companies .col input {
  overflow: hidden;
  position: relative;
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 33px;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  width: 100%;
  vertical-align: top;
  font-weight: 500;
  text-align: center;
  margin: 10px 0 5px;
}

.add_multiple_companies .col button.close {
  padding: 0;
  border: 0;
  -webkit-appearance: none;
  z-index: 99;
  position: relative;
  background: #fff;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 17px;
  cursor: pointer;
}

.add_multiple_companies .col button.close .fa {
  font-size: 16px;
}

.add_multiple_companies .col input[type="file"]::before {
  content: "Choose File";
  background: var(--entry-field-background);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  text-align: center;
  padding: 6px 0;
}

.add_multiple_companies .col ul li {
  list-style: none;
  float: left;
  width: 100%;
}

.add_multiple_companies .col ul li a {
  cursor: pointer;
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  padding-left: 13px;
  text-align: center;
  padding: 8px 10px;
}

.add_multiple_companies .col ul li a span.title {
  font-weight: 700;
  font-size: 14px;
}

.add_multiple_companies .col ul li a:hover {
  opacity: 0.54;
  color: #000;
}

.add_multiple_companies .col .companies_name {
  padding-top: 10px;
}

.add_multiple_companies .col input::-webkit-input-placeholder,
.add_multiple_companies .col input::-moz-placeholder,
.add_multiple_companies .col input:-ms-input-placeholder,
.add_multiple_companies .col input:-moz-placeholder {
  color: #000;
  opacity: 1;
}

.companies_name li {
  list-style: none;
  padding: 7px 0 15px;
  text-align: center;
}

.companies_name li .project_name {
  color: #000000;
  font-size: 21px;
  font-weight: 600;
  margin-bottom: 10px;
}

.companies_name li .project_name .ico {
  border: 1px solid #e5f2c6;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  margin: 0 6px 0 0;
  vertical-align: middle;
  width: 40px;
}

.companies_name li .project_name .ico img {
  border-radius: 50%;
  width: 100%;
}

.companies_name li .info {
  display: block;
  font-size: 14px;
  padding-right: 10px;
}

.add_multiple_companies .col .companies_name .imagecol {
  border: 1px solid #dddddd;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  width: 40px;
  vertical-align: top;
}

.add_multiple_companies .col .companies_name .imagecol img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}

.add_multiple_companies .col .companies_name .textcol {
  display: inline-block;
  padding-left: 12px;
  text-align: left;
}

.add_multiple_companies .col .companies_name .textcol .project_name {
  color: #000000;
  display: block;
  font-size: 17px;
  font-weight: 500;
}

.add_multiple_companies .col .companies_name .textcol .price {
  display: block;
}

.companies_name li a {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
}

.logo_section {
  padding: 30px 0;
  text-align: center;
}

.diff-padd {
  padding: 5px 25px !important;
}

.l-b,
.add_multiple_companies .col .textcol .project_image span.project-status {
  display: block;
}

.project-status {
  /* Safari */
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50%;
  line-height: 24px;
  height: 24px;
  width: 24px;
  text-align: center;
}

.add_multiple_companies .col ul li {
  margin-bottom: 5px;
  position: relative;
}

.add_multiple_companies .col ul li.active {
  border: 1px #99c042 solid;
}

.add_multiple_companies .col ul li:hover .project-status,
.add_multiple_companies .col ul li.active .project-status {
  background-color: #fff;
  color: #99c042;
  transform: scale(1.4);
}

/*=========JULY 24=========*/
.cash_flow_table tr.blank {
  background: var(--entry-field-background);
}

.cash_flow_table tr.green_bg {
  background: #c2e07e;
}

.pagination:before,
.pagination:after {
  content: "";
  clear: both;
  display: table;
}

.pagination .title {
  color: #000000;
  float: left;
  font-size: 16px;
  font-weight: 500;
  left: 0;
  padding-right: 10px;
  position: absolute;
  text-align: right;
}

.pagination .page_list li a {
  background: #f0f0f0;
  color: #000;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  padding: 1px 0;
}

.pagination .page_list li a.active,
.pagination .page_list li a:hover {
  background: #99c042;
  color: #ffffff;
}

.pagination .page_list li {
  list-style: none;
  text-align: center;
}

.homepage .pagination {
  display: flex;
  margin-top: 10px;
  padding-left: 215px;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.pagination2 {
  padding-left: 324px;
}

.pagination3 {
  padding-left: 368px;
}

.pagination:before,
.pagination:after {
  content: "";
  clear: both;
  display: table;
}

.pagination .title {
  color: #000000;
  float: left;
  font-size: 16px;
  font-weight: 500;
  left: 0;
  padding-right: 20px;
  position: relative;
  text-align: right;
  width: min-content;
  top: 5px;
}

.pagination .page_list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 0;
}

.pagination .page_list li a {
  background: #f0f0f0;
  color: #000;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 30px;
  padding: 1px 0;
}

.pagination .page_list li a.active,
.pagination .page_list li a:hover {
  background: #99c042;
  color: #ffffff;
}

.bed_rates_table {
  table-layout: fixed;
  text-align: center;
  color: #000;
  font-weight: 400;
  word-wrap: break-word;
  font-size: 13px;
}

.bed_rates_table_wrapper {
  float: left;
  margin-top: 10px;
  width: 23%;
  margin-right: 2%;
}

.bed_rates_table_wrapper table {
  width: 100%;
}

.bed_rates_table tr:nth-child(2n) {
  background: #fafafa;
}

.bed_rates_table tr:nth-child(2n+1) {
  background: #ededed;
}

.bed_rates_table tr th {
  padding: 4px 10px 8px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.bed_rates_table tr td {
  padding: 10px 7px;
  font-weight: 500;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  line-height: 15px;
  height: 50px;
}

.bed_rates_table tr th:first-child,
.bed_rates_table tr td:first-child {
  border-left: 1px solid #000;
}

.bed_rates_table tr:nth-child(3) td {
  padding: 5px;
  height: 56px;
}

.bed_rates_table tr.radio_selection td {
  background: rgba(0, 0, 0, 0) !important;
  border: 0 none !important;
  padding: 10px;
}

.bed_rates_table tr.radio_selection {
  background: rgba(0, 0, 0, 0) !important;
}

.bed_rates_table tr th:last-child,
.bed_rates_table tr td:last-child {
  border-right: 1px solid #000;
}

.bed_rates_table.current tr th {
  background: #ffbe73;
}

.bed_rates_table.current tr td:last-child {
  background: rgba(253, 203, 146, 0.34);
}

.bed_rates_table tr td strong {
  font-size: 15px;
}

.bed_rates_table.current tr:nth-child(2) {
  background: #f0ebe6;
}

.bed_rates_table.projected tr th {
  background: #7da7d9;
}

.bed_rates_table.projected tr td:last-child {
  background: rgba(125, 167, 217, 0.2);
}

.bed_rates_table.projected tr:nth-child(2) {
  background: #e7eef5;
}

.bed_rates_table.future tr th {
  background: #ffb3ba;
}

.bed_rates_table.future tr td:last-child {
  background: rgba(255, 179, 186, 0.24);
}

.bed_rates_table.future tr:nth-child(2) {
  background: #f8dfdb;
}

.bed_rates_table .blank_pattern td {
  height: 39px;
  background-color: #ffffff !important;
  border: 0 !important;
}

.bed_rates_table .blue_bg td {
  background: var(--entry-field-background);
}

.bed_rates_table tr td.blank_col {
  background: #fff;
  border: 0;
}

.none_dots {
  background: rgba(0, 0, 0, 0) url("../images/border.png") repeat-x scroll left center;
  display: table;
  height: 22px;
  margin: 0 auto;
  width: 90%;
}

.bed_rates_table.label_table tr {
  background: transparent;
}

.bed_rates_table.label_table tr td {
  border: 0;
  text-align: right;
  padding: 10px 0;
  position: relative;
}

span.removeotherRoom {
  position: absolute;
  right: -17px;
  top: 11px;
}

.bed_rates_table.label_table tr th {
  border: 0;
  text-align: right;
  padding: 4px 10px 8px;
}

.bed_rates_table.label_table tr:nth-child(2) td {
  padding: 5px 10px;
  height: 56px;
}

.bed_rates_table.label_table tr td span {
  font-weight: 500;
  font-size: 17px;
  display: block;
}

.bed_rates_table.label_table tr td small {
  font-weight: 400;
  font-size: 15px;
  display: block;
}

.bed_rates_table .other_button {
  background: var(--entry-field-background);
  border: 1px solid #c1c4c6;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 600;
  padding: 7px;
  text-align: center;
  width: 175px;
}

.bed_rates_table .add_other_button {
  background: #99c042 url("../images/add_ico_small.png") no-repeat scroll 3px center;
  border: 0 none;
  border-radius: 20px 0 0 20px;
  color: #ffffff;
  font-weight: 600;
  padding: 2px 8px 3px 19px;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
}

.bed_rates_table.label_table_graph tr td,
.bed_rates_table.label_table_graph tr:nth-child(2) td {
  padding: 18px 0 18px;
}

.revenue_graph {
  float: left;
  margin-top: 50px;
  width: 100%;
  padding: 0 35px;
}

.revenue_graph button {
  margin: 10px auto 20px;
  display: table;
  background: #99c042;
  color: #fff;
  border: 0;
  border-radius: 30px;
  padding: 3px 20px;
  cursor: pointer;
}

.revenue_graph button:hover {
  background: #86ad31;
}

.info-section:before,
.info-section:after {
  content: "";
  display: table;
  clear: both;
}

.project_notes {
  width: 850px;
  margin: 80px auto 0;
}

.project_notes:before,
.project_notes:after {
  content: "";
  display: table;
  clear: both;
}

.project_notes .title {
  color: #000000;
  float: left;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}

.project_notes .file_type {
  float: right;
}

.project_notes .file_type span {
  float: left;
  color: #9a9a9a;
}

.project_notes .file_type ul {
  float: right;
}

.project_notes .file_type ul li {
  float: left;
  display: inline-block;
  padding-left: 15px;
}

.project_notes .file_type ul li a {
  display: block;
}

.project_notes .file_type ul li a:hover {
  opacity: 0.64;
}

.project_notes textarea {
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 150px;
  max-width: 100%;
  padding: 20px;
  width: 100%;
  margin-top: 15px;
}

.bed_rates_table.label_table.label_table_graph {
  clear: both;
}

/*==============================*/
.scroll-wrapper {
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

/* cew: could also affect other pages */
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scrollbar-external_wrapper {
  position: relative;
  width: auto !important;
  padding-bottom: 10px;
}

.scrollbar-external {
  /* BUG: Enabling the overflow: auto was part of ensuring the Month header on the OpEx page gets the correct full width. However, it causes the
  "Select Startup Month" to get clipped on the Project Data page. Need to figure out a good solution for both. Ideally, the Month header would
  get a sticky attribute and be part of the overall table rather than a separate entity, but that's a big change. */
  overflow: auto;
  width: 100%;
}

/* cew: are we using this on opex? Why is the display: none? So it can be set by child classes? */
/* look for external-scroll and scroll-bar */
.external-scroll_x,
.external-scroll_y {
  background: #e2e2e2;
  cursor: pointer;
  display: none;
  position: absolute;
  border-radius: 20px;
}

.external-scroll_x.scroll-scrollx_visible {
  bottom: 0;
  display: block;
  height: 3px;
  left: 215px;
  width: calc(100% - 215px);
}

.external-scroll_x div,
.external-scroll_y div {
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
}

.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
  background: #f27e6c;
  border-radius: 20px;
  height: 7px;
  top: -2px;
  z-index: 12;
}

.external-scroll_x .scroll-bar {
  width: 180px;
}

.other_button {
  background: var(--entry-field-background);
  border: 1px solid #c1c4c6;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 500;
  padding: 4px 20px;
  text-align: center;
  width: 202px;
}

.external-scroll_x.scroll-scrollx_visible.scroll3 {
  left: 368px;
  width: calc(100% - 368px);
}

.external-scroll_x .scroll-bar {
  width: 125px;
}

.cash_flow_table .blank_pattern {
  background: #fff
}

.cash_flow_table .blank_pattern td {
  border-left: 0;
}

.cash_flow_table .blank_pattern td {
  border-right: 0;
}

.add_entry {
  border: 0 none;
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  width: 100%;
  background: transparent;
  font-family: "Roboto", sans-serif
}

.operating_expenses tr th:nth-child(1) .value_fiels,
.operating_expenses tr td:nth-child(1) .value_fiels {
  text-align: center;
}

.operating_expenses tr.total_value td {
  font-weight: 500;
}

.operating_expenses tr.red_bg td:nth-child(2),
.cash_flow_table .blank_pattern td:nth-child(2),
.cash_flow_table .blank_pattern td {
  background: #fff;
  ;
}

.operating_expenses tr.red_bg td:nth-child(1),
.cash_flow_table .blank_pattern td:nth-child(1) {
  border: 0;
}

.blue_bg td {
  background: var(--entry-field-background)
}

.cash_flow_table .blank_pattern td:first-child {
  background: #fff !important;
}

.add_other_button {
  background: #99c042 url("../images/add_ico_small.png") no-repeat scroll 3px center;
  border: 0 none;
  border-radius: 20px 0 0 20px;
  color: #ffffff;
  font-weight: 600;
  padding: 4px 8px 4px 19px;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 13px;
}

.add_other_button:hover {
  background-color: #90b738
}

.bed_rates_table.recast_table tr th {
  font-size: 15px;
  padding: 10px;
}

.bed_rates_table.recast_table tr:nth-child(2) td {
  padding: 10px 10px;
  font-weight: 600;
  font-size: 16px;
}

.add_entry {
  border: 0 none;
  color: #000000;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  width: 40px;
  background: transparent;
  font-family: "Roboto", sans-serif
}

.add_entry::-webkit-input-placeholder,
.add_entry::-moz-placeholder,
.add_entry:-ms-input-placeholder,
.add_entry:-moz-placeholder {
  color: #000;
  opacity: 1;
}

.start_up_month span {
  background: #f0f0f0;
  border-radius: 50%;
  color: #000000;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  padding: 1px 0;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  cursor: pointer;
}

.start_up_month span.active,
.start_up_month span:hover {
  background: #99c042;
  color: #ffffff;
}

.start_up_month label {
  background: #99c042;
  border: 0 none;
  border-radius: 4px;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 7px 10px;
}

table.operating_expenses {
  margin-top: 0;
}

.operating_expenses .other_button {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}

.operating_expenses tr td.border_separator_start {
  border-top: 1px solid #cdcdcd;
}

.operating_expenses tr td.border_separator_end {
  border-bottom: 1px solid #cdcdcd;
}

.operating_expenses.years_count tr.start_up_month th:nth-child(1),
.operating_expenses.years_count tr.start_up_month td:nth-child(2) {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

.operating_expenses tr.blank_pattern td {
  padding: 4px 10px 4px;
}

.operating_expenses tr.total_value td:first-child {
  background: #fff;
}

.operating_expenses_page .scrollbar-external_wrapper {
  padding-bottom: 0;
}

/* cew: looks questionable */
.operating_expenses_page .external-scroll_x.scroll-scrollx_visible {
  top: 0;
}

.operating_expenses_page .pagination {
  margin-bottom: 0;
  margin-top: 0;
}

/* cew: looks questionable. Could be to make a 340px area to the left of whatever is horizontally scrollable. Maybe. */
.operating_expenses_page .external-scroll_x.scroll-scrollx_visible {
  left: 340px;
  width: calc(100% - 340px);
}

.operating_expenses tr.red_bg td {
  background: #fde9d9
}

.operating_expenses tr.red_bg td:first-child {
  background: #f1f1f1 none repeat scroll 0 0;
  font-size: 18px;
  text-transform: uppercase
}

.operating_expenses tr.month_detail th:nth-child(1),
.operating_expenses tr.month_detail td:nth-child(1) {
  border: 0;
}

.operating_expenses tr.month_detail th:nth-child(2),
.operating_expenses tr.month_detail td:nth-child(2) {
  background: #fff;
}

.operating_expenses tr.month_detail th,
.operating_expenses tr.month_detail td {
  font-weight: 500;
}

.value_fiels {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #000000;
  display: table;
  font-size: 14px;
  font-weight: 400;
  margin: 0 auto;
  text-align: right;
  width: 40px;
  font-family: "Roboto", sans-serif;
}

.serial_number {
  color: #1d659c;
  display: inline-block;
  font-weight: 500;
  text-align: left;
  vertical-align: top;
  width: 26px;
}

.operating_expenses tr td span {
  display: inline-block;
  vertical-align: top;
}

.operating_expenses.years_count tr td:first-child {
  font-weight: 400;
}

.operating_expenses.cash_flow_table th,
.operating_expenses.cash_flow_table td {
  padding: 10px 3px;
}

.operating_expenses.cash_flow_table tr.total_value strong {
  display: inline-block;
  width: 293px;
  text-align: right
}

.radio_selection {
  position: relative;
}

.radio_selection input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.radio_selection label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  margin: 0 auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.radio_selection .check {
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 15px;
  margin-left: -12px;
  left: 50%;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.radio_selection .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 9px;
  width: 9px;
  top: 3px;
  left: 3px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #99c042;
}

input[type=radio]:checked ~ .check::before {
  background: #99c042;
}

.radio_selection td {
  position: relative;
}

footer {
  text-align: center;
  background: #1d659c;
  border-radius: 5px;
  margin: 20px auto 5px auto;
  padding: 10px 15px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.operating_expenses.years_count tr td strong {
  display: inline-block;
  text-align: right;
  width: 293px;
}

.operating_expenses tr td .align-right {
  font-style: normal;
  display: inline-block;
  text-align: right;
  width: 293px;
  font-weight: normal;
}

.operating_expenses tr td .custom_right_align_text {
  display: inline-block;
  text-align: right;
  width: 318px;
}

.month_selection th span.active,
.month_selection th span:hover {
  background: var(--entry-field-background);
  color: #000;
}

.full_width_column .cash_flow_parameter_col.summary_info {
  width: 100%
}

.month_selection th span {
  background: #fff;
  border-radius: 6px;
  color: #000000;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  height: 23px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  cursor: pointer;
  border: 2px solid #c2c2c2;
  line-height: 20px;
}

.clear_copy {
  display: block;
  text-align: center;
  padding: 15px 0;
}

.clear_copy a {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
  background: #99c042;
  color: #fff;
  border-radius: 30px;
  margin: 0 7px;
  cursor: pointer;
}

.clear_copy a:hover {
  background: #7fa230;
}

.clear_all_btn {
  background: #1d1d1d;
  font-size: 14px;
  border-radius: 30px;
  padding: 5px 15px;
  cursor: pointer;
}

clear_all_btn:hover {
  opacity: 0.84
}

.budget_columns .cash_flow_parameter_col {
  float: left;
  padding: 2% 1% 0;
  width: 50%;
}

.budget_columns .cash_flow_parameter_col form input,
.budget_columns .cash_flow_parameter_col .select_wrapper {
  width: 35%;
}

.budget_columns .cash_flow_parameter_col form label + p-inputmask input {
  width: 100%
}

.budget_columns .cash_flow_parameter_col form .read_only {
  width: 27%;
  text-align: center;
  padding-bottom: 13px;
}

.budget_columns .cash_flow_parameter_col form label {
  padding: 0 10px 0 0;
  width: 60%;
}

.row.total_entry {
  padding-top: 5px;
}

.budget_columns .cash_flow_parameter_col form label strong,
.budget_columns .cash_flow_parameter_col form label span {
  width: 88%;
  text-transform: capitalize;
}

.full_width_column {
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
}

.full_width_column .cash_flow_parameter_col .cash_flow_parameter_col .row {
  margin-bottom: 20px;
}

.full_width_column .cash_flow_parameter_col {
  text-align: left;
  display: inline-block;
  float: none
}

.budget_columns .cash_flow_parameter_col form input.other_button {
  width: 120px;
  font-size: 15px;
}

.budget_columns .cash_flow_parameter_col .add_other-row label {
  position: relative;
  z-index: 2;
}

.budget_columns .cash_flow_parameter_col .add_other-row span {
  display: inline-block;
  height: 25px;
  margin-left: -5%;
  position: relative;
  width: 32%;
  z-index: 1;
}

.budget_columns_row {
  display: flex;
  padding: 3% 0 25px;
}

.row.subtotal_entry::before {
  background: rgb(195, 195, 195);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -8px;
  width: 100%;
}

.row.total_entry.bold::before {
  height: 2px
}

.budget_columns .cash_flow_parameter_col {
  float: none;
  padding: 2% 5% 0;
  width: 50%;
  position: relative;
  padding-bottom: 45px;
}

.row.subtotal_entry {
  bottom: 0;
  height: 45px;
  left: 12%;
  margin: 0;
  position: absolute;
  width: 78%;
}

.budget_columns .cash_flow_parameter_col .row.subtotal_entry label {
  padding-top: 5px;
  font-size: 18px
}

.row.subtotal_entry::before {
  background: #c3c3c3;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -8px;
  width: 100%;
}

.row.total_entry {
  position: relative
}

.row.total_entry::before {
  background: #c3c3c3;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: -8px;
  width: 100%;
}

.budget_columns .cash_flow_parameter_col form label strong {
  font-size: 17px;
}

.budget_columns .cash_flow_parameter_col.no_bottom_paading {
  padding-bottom: 0;
}

/***********************/
.financing_row {
  display: block;
  clear: both;
  width: 100%
}

.financing_row:before,
.financing_row:after {
  display: table;
  content: "";
  clear: both;
}

.financing_row .col {
  float: left;
  width: 50%;
  padding: 0 20px;
  margin-top: 30px;
}

.financing_row .col .add_loans {
  margin: 0 auto 15px;
}

.loan_table .loan_table_row .loan_table_col {
  text-align: center;
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  color: #000000;
  padding: 8px 5px;
  width: 50%;
}

.loan_table .loan_table_body .loan_table_row .loan_table_col:last-child input {
  text-align: center;
  max-width: 100%;
  font-weight: 600;
}

.loan_table .loan_table_row .loan_table_col input {
  background: rgba(0, 0, 0, 0);
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  text-align: center;
}

.loan_table_head .full_width .loan_table_col input {
  font-size: 18px;
  font-weight: 600;
}

.loan_table .loan_table_row .loan_table_col {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
}

.loan_table .loan_table_head .loan_table_col {
  border-top: 1px solid #333;
  background: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
}

.loan_table .loan_table_head .loan_table_row:last-child .loan_table_col {
  border-top: 0;
}

.loan_table .loan_table_body .loan_table_col:last-child {
  text-align: center
}

.loan_table .loan_table_foot .loan_table_col {
  text-align: center;
}

.loan_table .loan_table_body .loan_table_row:nth-child(2n) {
  background: #ffffff
}

.loan_table .loan_table_body .loan_table_row:nth-child(2n+1) {
  background: #e4e4e4
}

.loan_table .loan_table_head .loan_table_col:last-child,
.loan_table .loan_table_body .loan_table_col:last-child {
  border-right: 1px solid #333;
  background: var(--entry-field-background)
}

.loan_table .loan_table_head.head2 .loan_table_col {
  width: 100%;
  background: #1d659c;
  color: #fff;
  border-radius: 3px 3px 0 0;
}

.loan_table .loan_table_body .loan_table_col:last-child {
  text-align: center
}

.loan_table .loan_table_foot .loan_table_col,
.financing_row .col .loan_table loan_table_foot .loan_table_col:last-child {
  border: 0;
}

.loan_table .btn,
.loan_table .green_btn,
.green_btn {
  background: #99c042;
  border: 0 none;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 600;
  min-width: 82px;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
}

.loan_table .btn:hover,
.green_btn:hover {
  opacity: 0.74
}

.green_btn {
  color: #fff !important;
}

.black_btn {
  background: #99c042;
  border: 0 none;
  border-radius: 30px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
  text-align: center;
  text-transform: uppercase;
  color: #000000 !important;
}

.green_btn:hover,
.green_btn:active {
  background: #7fa230;
}

.loan_table .loan_table_row {
  display: flex;
  position: relative
}

.loan_table .loan_table_body {
  counter-reset: rowNumber;
}

.loan_table .loan_table_body .loan_table_row {
  counter-increment: rowNumber;
}

.loan_table .loan_table_body .loan_table_row:last-child::after {
  display: none
}

.financing_summary_table .table_row {
  display: flex;
  position: relative;
  min-height: 30px
}

.financing_summary_table .table_head .table_col {
  background: #ebf1de;
  border-top: 1px solid #333333;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.financing_summary_table .table_row .table_col:first-child {
  width: 65%;
  text-align: right
}

.financing_summary_table .table_row .table_col:last-child {
  width: 35%
}

.financing_summary_table .table_row .table_col {
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
  color: #000000;
  padding: 8px 10px;
  width: 50%;
  font-size: 15px;
}

.financing_summary_table .table_row .table_col:last-child {
  border-right: 1px solid #333333;
  font-weight: 600;
  text-align: right;
}

.financing_summary_table .table_row.subheading .table_col {
  font-weight: 600
}

.financing_summary_table .table_row.subheading .table_col:first-child {
  text-align: right
}

.financing_summary_table .blue_bg {
  background: #c5d9f1;
}

.financing_summary_table .table_row .table_col.left_align {
  text-align: left
}

.financing_summary_table .table_row.full_row .table_col {
  width: 100%;
  text-align: center
}

.financing_summary_table .table_foot .table_col {
  background: #eeece1;
}

.financing_summary_table {
  counter-reset: rowNumber;
  padding-left: 30px;
}

.financing_summary_table .table_row.counter {
  counter-increment: rowNumber;
  position: relative
}

.financing_summary_table .table_row.counter::before {
  color: #1d659c;
  content: counter(rowNumber, decimal);
  font-size: 16px;
  font-weight: 500;
  left: -30px;
  position: absolute;
  top: 9px;
  width: 20px;
  text-align: right;
}

.financing_row .title {
  background: #1d659c;
  border-radius: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  padding: 9px 15px;
  text-align: center;
  text-transform: uppercase;
}

.add_loans {
  background: #99c042 url("../images/add_new.png") no-repeat scroll 5px center;
  border: 0 none;
  border-radius: 32px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 15px auto 25px;
  display: table;
  padding: 7px 15px 8px 40px;
  text-transform: uppercase;
  cursor: pointer;
}

.add_loans:hover,
.add_loans:active,
.add_loans:focus {
  background-color: #89af36;
  outline: medium none;
}

.financing_row.center_align {
  display: block;
  text-align: center
}

.financing_row.center_align .col {
  display: inline-block;
  float: none;
  margin: 0 0.5%;
  width: 32%;
  padding: 0
}

.financing_row.center_align .col .loan_table_col:first-child {
  width: 64%;
  text-align: center
}

.financing_row.center_align .col .loan_table_col:nth-child(2) {
  width: 36%
}

.loan_table_head .full_width .loan_table_col {
  width: 100%;
}

.financing_row.center_align .loan_table_head .full_width .loan_table_col {
  width: 100%;
}

.budget_columns.financing_summary .cash_flow_parameter_col {
  padding: 0 2%;
  width: 33.33%;
}

.budget_columns.financing_summary .cash_flow_parameter_col::after {
  background: #e8e8e8;
  content: "";
  display: block;
  height: 78%;
  position: absolute;
  right: 0;
  top: 22px;
  width: 1px;
}

.budget_columns.financing_summary .cash_flow_parameter_col:last-child::after {
  display: none
}

.budget_columns.financing_summary .cash_flow_parameter_col label {
  width: 73%
}

.budget_columns.financing_summary .cash_flow_parameter_col .read_only {
  width: 25%
}

.budget_columns.financing_summary .cash_flow_parameter_col form label strong,
.budget_columns.financing_summary .cash_flow_parameter_col form label span {
  width: 100%;
  text-align: left
}

.budget_columns_row.total {
  padding-top: 0;
  width: 88%;
  text-align: center;
  border-top: 1px solid #ddd;
  position: relative;
  left: 6%;
}

.section_body.budget_columns.financing_summary .budget_columns_row.total {
  padding-top: 0;
  width: 95%;
  text-align: center;
  border-top: 1px solid #ddd;
  position: relative;
  left: 2.5%;
}

.budget_columns_row.total.version2,
.section_body.budget_columns.financing_summary .budget_columns_row.total.version2 {
  border: 0;
}

.budget_columns_row.total.version2 form,
.section_body.budget_columns.financing_summary .budget_columns_row.total.version2 form {
  border-top: 1px solid #c3c3c3;
  margin: 0 auto;
  padding: 0 0;
  width: 388px;
}

.section_body.budget_columns.financing_summary .budget_columns_row.total.version2 form span,
.section_body.budget_columns.financing_summary .budget_columns_row.total.version2 form input,
.budget_columns_row.total.version2 form span,
.budget_columns_row.total.version2 form input {
  font-size: 18px;
  font-weight: 700
}

.budget_columns.financing_summary .budget_columns_row.total .cash_flow_parameter_col {
  width: 100%;
}

.budget_columns.financing_summary .budget_columns_row.total .cash_flow_parameter_col form label {
  font-size: 17px;
  width: 195px;
}

.budget_columns.financing_summary .budget_columns_row.total .cash_flow_parameter_col form .read_only {
  width: 110px;
  font-size: 18px;
}

.budget_columns.financing_summary .budget_columns_row.total .cash_flow_parameter_col form input {
  width: 110px;
}

.recast_table tr td small {
  opacity: 0.74;
  color: #000;
  font-weight: 500;
  text-transform: initial;
}

.recast_table tr th.color1,
.recast_table tr td.color1 {
  background: #ffbe73;
  color: #ffffff;
}

.recast_table tr th.color2,
.recast_table tr td.color2 {
  background: #7da7d9;
  color: #ffffff;
}

.recast_table tr th.color3,
.recast_table tr td.color3 {
  background: #ffb3ba;
  color: #ffffff;
}

.recast_table tr td.entry_fields input {
  background: rgba(0, 0, 0, 0);
  border: 0 none;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 75px;
}

.recast_table .total_value.light td {
  font-weight: 400;
}

.content-wrapper-inner .section_body .equity_owner_table th {
  background: #e4e4e4;
  border: 0 none;
  color: #000;
  font-size: 17px;
  padding: 10px 7px;
  border-top: 1px solid #bbb
}

.investor_page .cash_flow_parameter_col form label {
  padding: 0 15px 0 0;
}

.investor_page .add_loans_section {
  display: block;
  padding-top: 30px;
}

.content-wrapper-inner .section_title.dummy_title {
  background: #eaeaea;
  height: 40px;
}

.section_body .full_width_title {
  border-bottom: 1px solid #c3c3c3;
  color: #1d659c;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 5px;
  text-transform: uppercase;
  margin: 20px 0 10px;
}

.cash_flow_table.financial_report .total_value td {
  font-size: 17px;
  font-weight: 600;
}

.col.cash_flow_parameter_col.table_look .title {
  background: #1d659c;
  border-radius: 5px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 0;
  padding: 12px 15px;
  text-align: center;
  text-transform: uppercase;
}

.col.cash_flow_parameter_col.table_look form {
  margin-top: -3px;
}

.col.cash_flow_parameter_col.table_look form .total_entry {
  border-top: 1px solid #949494;
}

.col.cash_flow_parameter_col.table_look form input {
  margin-bottom: 0;
}

.col.cash_flow_parameter_col.table_look form .row {
  margin: 0;
  padding: 10px 0;
  border-left: 1px solid #949494;
  border-right: 1px solid #949494;
}

.col.cash_flow_parameter_col.table_look form .row:nth-child(2n) {
  background: #fafafa;
}

.col.cash_flow_parameter_col.table_look form .row:nth-child(2n+1) {
  background: #e4e4e4;
}

.col.cash_flow_parameter_col.table_look form .total_entry {
  padding: 17px 0;
  border-radius: 0 0 4px 4px;
  border-bottom: 1px solid #949494
}

.col.cash_flow_parameter_col.table_look form .total_entry label strong {
  font-size: 18px;
  width: 100%;
}

.col.cash_flow_parameter_col.table_look form .total_entry input {
  font-size: 18px;
  font-weight: 700;
}

/***********************/
.recast_table {
  margin: 40px 0 0;
  padding-left: 15px;
}

.recast_table tr th,
.recast_table tr td {
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 7px 10px;
  min-width: 25px;
  font-weight: 500
}

.recast_table .month_no {
  background: #ffffff;
  border-radius: 6px;
  color: #000000;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  height: 23px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 23px;
  cursor: pointer;
  border: 2px solid #c2c2c2;
  line-height: 20px;
}

.recast_table tr:nth-child(2n+1) td.sub {
  background: #fafafa;
}

.recast_table tr:nth-child(2n) td.sub {
  background: #ededed;
}

.recast_table tr td.sub,
.recast_table tr th.sub {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  width: 130px
}

.recast_table tr:last-child td.sub,
.recast_table tr:last-child th.sub {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.recast_table tr td.sub + .sub,
.recast_table tr th.sub + .sub {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.recast_table tr th:first-child,
.recast_table tr td:first-child {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  width: 290px;
  padding-left: 25px;
}

.recast_table tr th:first-child {
  background: #ededed;
  font-weight: 600;
  font-size: 17px;
  padding-left: 10px;
}

.recast_table tr.pyroll_expenses td {
  border: 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 17px;
}

.recast_table tr.pyroll_expenses td.sub {
  background: #fff;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.recast_table tr td.entry_fields.sub {
  background: var(--entry-field-background) none repeat scroll 0 0;
}

.recast_table tr td.entry_fields input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  width: 75px;
}

.recast_table tr.other td.sub {
  background: var(--entry-field-background)
}

.recast_table tr.blank_pattern td.sub {
  background: #ffffff;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}

.recast_table tr.blank_pattern td {
  padding: 3px 10px
}

.recast_table .value_fiels {
  text-align: center;
  font-weight: 500
}

.recast_table .other_button {
  font-weight: 500;
  font-size: 15px;
  font-family: "Roboto", sans-serif
}

.recast_table tr.pyroll_expenses td:first-child {
  background: #ededed;
  border: 0 !important;
  padding-left: 10px;
}

.recast_table .blank_pattern td:first-child {
  text-align: right
}

.recast_table .total_value td:first-child {
  text-align: right;
  font-size: 17px;
  font-weight: 600;
}

.recast_table .total_value.light td:first-child {
  font-size: 16px;
  font-weight: 400;
}

.recast_table .total_value td {
  font-size: 14px;
  font-weight: 600;
}

.recast_table {
  counter-reset: numberNumber;
}

.recast_table .number_counter {
  counter-increment: numberNumber;
  position: relative
}

.recast_table .number_counter::after {
  color: #1d659c;
  content: counter(numberNumber, decimal);
  font-size: 16px;
  font-weight: 500;
  left: 0;
  position: absolute;
  text-align: right;
  top: 50%;
  width: 16px;
  margin-top: -10px;
}

/***********************/
.content-wrapper-inner .section_body .equity_owner_table {
  width: 100%;
  border-top: 0;
  margin: 0 0 20px;
}

.equity_owner_table th {
  background: #ebf1de none repeat scroll 0 0;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.content-wrapper-inner .section_body .equity_owner_table tr td:first-child,
.content-wrapper-inner .section_body .equity_owner_table tr th:first-child {
  width: inherit;
  text-align: center;
  border-left: 0;
}

.content-wrapper-inner .section_body .equity_owner_table th,
.content-wrapper-inner .section_body .equity_owner_table td {
  font-size: 16px;
  text-transform: capitalize;
  color: #222;
  padding: 5px 7px;
  text-align: center;
  width: inherit;
}

.content-wrapper-inner .section_body .equity_owner_table tr:last-child td {
  font-weight: 600;
  font-size: 17px;
}

.table_look .row.total_entry::before {
  display: none
}

.video_url_modal .modal-header {
  font-weight: 600;
  text-align: center;
  display: block;
  font-size: 16px;
}

.video_url_modal .modal-body {
  width: 330px;
  margin: 20px auto 15px;
}

.video_url_modal .modal-body label {
  width: 110px;
  text-align: right;
  padding-right: 15px;
  padding-top: 5px;
  font-size: 15px;
  font-weight: 600;
  color: #525252;
}

.video_url_modal .modal-body .row {
  margin-bottom: 10px;
}

.video_url_modal .modal-body input {
  width: 210px;
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 5px;
  height: 34px;
  font-size: 13px;
}

.btn_class {
  background: #99C041;
  border: 0 none;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-right: 30px;
  min-width: 82px;
  padding: 5px 20px;
  text-align: center;
  text-transform: uppercase;
}

.clear_copy .btn_class {
  background: #99c042;
  border: 0 none;
  border-radius: 30px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-right: 30px;
  min-width: 82px;
  padding: 5px 20px;
  text-align: center;
  text-transform: uppercase;
}

.modal-content input[type="file"] {
  width: 120px;
  position: relative;
  margin-bottom: 20px;
  height: 35px;
}

.modal-content input[type="file"]:after {
  position: absolute;
  content: "Choose File";
  background: #2a6ea2;
  width: 120px;
  height: 35px;
  display: block;
  left: 0;
  top: 0;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 4px;
  cursor: pointer;
}

/***********************/
.home_col {
  width: 47%;
}

.cash_flow_parameter_col.login_form .home_col .inner_col {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.cash_flow_parameter_col.login_form .home_col form label {
  padding: 0 15px 0 0;
  width: 42%;
  text-align: right;
}

.cash_flow_parameter_col.login_form .home_col .inner_col:nth-child(2) {
  margin-left: 0;
}

table.cash_flow_table.fixedTable {
  float: left;
  width: 222px;
  margin-right: 1px;
}

table.cash_flow_table.scrollableTable td:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}

table.cash_flow_table.scrollableTable th:first-child {
  border-bottom: 1px solid #6a6a6a;
}

table.bed_rates_table .btn_class {
  padding: 5px 10px;
  font-size: 12px;
  margin: 0 2px;
}

table.cash_flow_table.scrollableTable td,
table.cash_flow_table.scrollableTable th {
  min-width: 61px;
}

.cash_flow_table tr.blue_bg,
.cash_flow_table tr.blue_bg td:first-child {
  background: var(--entry-field-background);
}

.add_multiple_companies .col ul li:hover {
  opacity: 1;
  background: #ececec;
  cursor: pointer;
}

hr {
  border-top: 1px solid rgb(195, 195, 195) !important;
}

.summary_table_section .external-scroll_x.scroll-scrollx_visible.scroll2 {
  bottom: 0;
  display: block;
  height: 3px;
  left: 230px;
  width: calc(100% - 230px);
}

.summary_table_section .cash_flow_table {
  counter-reset: numberNumber;
}

.summary_table_section .cash_flow_table .number_counter {
  counter-increment: numberNumber;
  position: relative
}

/***********************/
.loan_schedules_section {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-top: 20px;
}

.loan_schedules_section table {
  width: 100%
}

.loan_schedules_section table.main_table {
  max-width: 1400px
}

.loan_schedules_section.loan_table td.month_td {
  width: 50px;
  padding: 160px 0 0
}

.loan_schedules_section.loan_table td.wrapper_cell table {
  width: 385px;
}

.loan_schedules_section.loan_table td.wrapper_cell {
  width: 385px;
}

.loan_schedules_section.loan_table td.wrapper_cell table tbody tr td table tr td {

  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  padding: 4px 5px;
  font-size: 12px;
  text-align: right;

}

.cash_flow_year th {
  background: #d4d4d4;
  padding: 5px 10px;
  text-align: center
}

.cash_flow_year th:first-child {
  background: #fff;
}

.total_value.first td:first-child {
  border-top: 1px solid #ddd;
}

.cash_flow_table tr.total_value:nth-child(2n) td {
  font-weight: normal;
}

.total_value.last td:first-child {
  border-bottom: 1px solid #ddd;
}

.inner_page_body {
  padding-top: 48px;
}

.content-wrapper-inner.instruction {
  background: #f1f1f1;
}

.instruction .inner_wrapper {
  background: #fff;
  padding: 20px;
  position: relative;
  top: 20px;
}

.instruction .side_title {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 6px;
  color: #1d659c;
  border-bottom: 2px solid #c3c3c3;
  margin-bottom: 15px;
}

.instruction p.text_small {
  text-transform: lowercase;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 20px;
}

.instruction .title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  padding: 5px 0;
  background: #f1f1f1;
  margin-bottom: 20px;
  color: #292929
}

.instruction p {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 20px;
  color: #5c5c5c;
}

.instruction ul li {
  list-style: none
}

.instruction ul li strong {
  display: inline-block;
  color: #292929;
}

.instruction p strong {
  color: #292929;
}

.instruction p.note {
  font-style: italic;
  font-size: 14px;
}

.content-wrapper .instruction .section_title {
  margin-bottom: 30px;
}

.glossary_listing {
  margin-bottom: 20px;
}

.glossary_listing .title {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 10px;
  text-align: left;
  background: transparent;
  margin-bottom: 0;
}

.glossary_listing ul li {
  list-style: disc;
  margin-left: 25px;
  padding: 7px 0;
  color: #5c5c5c;
}

.glossary_listing ol li {
  margin-left: 25px;
  padding: 7px 0;
  color: #5c5c5c;
}

table.cash_flow_table.financial_report.investment_positions {
  width: 80%;
  margin: 40px auto 20px;
}

table.cash_flow_table.financial_report.investment_positions tr td {
  min-width: 146px;
}

table.cash_flow_table.financial_report.investment_positions tr.last {
  background: transparent
}

table.cash_flow_table.financial_report.investment_positions tr.last td {
  border: 0;
}

.cash_flow_table.allocation_balances tr td:nth-child(4n) {
  border-right: 1px solid #000;
}

.recast_table .serial_number {
  position: relative;
  top: 2px;
  text-transform: lowercase;
  left: -3px;
  padding-right: 4px;
}

table.cash_flow_table.operating_expenses.years_count tbody tr:nth-child(2n) td {
  font-weight: 700;
}

table.cash_flow_table.financial_report.allocation_balances {
  margin-top: 0;
}

.cash_flow_table.cash_flow_year th,
.cash_flow_table.cash_flow_year td {
  padding: 6px 10px;
  height: 50px;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}

.cash_flow_table.cash_flow_year th.blank_col,
.cash_flow_table.cash_flow_year td.blank_col,
.operating_expenses.cash_flow_table th.blank_col,
.operating_expenses.cash_flow_table td.blank_col {
  background: #fff;
  border: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}

.loan_table .loan_table_row .loan_table_col small {
  opacity: 0.84;
  text-transform: lowercase;
  font-weight: 500;
}

.cash_flow_parameter_col.acquisition_cost .row {
  margin: 0;
}

.cash_flow_parameter_col.acquisition_cost form input.disabled {
  height: 33px;
}

.investor_page .cash_flow_parameter_col.acquisition_cost form label {
  padding: 7px 15px 7px 0;
}

.cash_flow_table tr.differentiate_color td:first-child,
.cash_flow_table tr.differentiate_color td small,
.recast_table tr.differentiate_color td:first-child,
.recast_table tr.differentiate_color td small {
  color: #659004;
}

.summary_table_section .cash_flow_table thead .inner_tb {
  width: 100%
}

.summary_table_section .cash_flow_table thead .double_heading,
.years_count.cash_flow_table .double_heading {
  padding: 0;
  border: 0;
}

.summary_table_section .cash_flow_table thead .inner_tb th,
.years_count.cash_flow_table .inner_tb th {
  padding: 0;
  text-align: center;
  height: inherit;
  width: inherit;
  background: transparent;
  min-width: inherit;
  height: 27px;
}

.summary_table_section .cash_flow_table thead .inner_tb tr:first-child th:first-child,
.years_count.cash_flow_table .inner_tb tr:first-child th:first-child {
  background: #7da7d9;
  color: #fff;
  border-bottom: 1px solid #536f92;
}

.summary_table_section .cash_flow_table thead .inner_tb tr:nth-child(2) th,
.years_count.cash_flow_table .inner_tb tr:nth-child(2) th {
  width: 85px;
  background: #7da7d9;
  color: #000;
  border-bottom: 0;
  font-size: 14px;
  border-right: 1px solid rgba(0, 0, 0, 0.18);
}

/***********************/
.home_col {
  width: 47%;
}

.cash_flow_parameter_col.login_form .home_col .inner_col {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.cash_flow_parameter_col.login_form .home_col form label {
  padding: 0 15px 0 0;
  width: 42%;
  text-align: right;
}

.cash_flow_parameter_col.login_form .home_col .inner_col:nth-child(2) {
  margin-left: 0;
}

table.cash_flow_table.fixedTable {
  float: left;
  width: 222px;
  margin-right: 1px;
}

table.cash_flow_table.scrollableTable td:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}

table.cash_flow_table.scrollableTable th:first-child {
  border-bottom: 1px solid #6a6a6a;
}

table.bed_rates_table .btn_class {
  padding: 5px 10px;
  font-size: 12px;
  margin: 0 2px;
}

table.cash_flow_table.scrollableTable td,
table.cash_flow_table.scrollableTable th {
  min-width: 61px;
}

.cash_flow_table tr.blue_bg,
.cash_flow_table tr.blue_bg td:first-child {
  background: var(--entry-field-background);
}

.cash_flow_table tr td.blue_bg {
  background: var(--entry-field-background) !important;
}

hr {
  border-top: 1px solid rgb(195, 195, 195) !important;
}

.white_background {
  background: rgba(199, 173, 150, 0.2) !important;
}

.loan_schedules_section.loan_table td {
  vertical-align: top;
  width: 85px
}

.loan_schedules_section.loan_table th,
.loan_schedules_section.loan_table .blue-head {
  background-color: #74add8;
  width: 85px;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.84);
  padding: 4px 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 1px solid rgba(0, 0, 0, 0.18);
  font-size: 12px
}

.loan_schedules_section.loan_table .graph-table > thead > tr > th {
  background: #fff !important;
  border-top: 1px solid rgba(0, 0, 0, 0.18);
}

.loan_schedules_section.loan_table .graph-table > thead > tr > th:first-of-type {
  border-left: 1px solid rgba(0, 0, 0, 0.18);
  border-right: 0
}

.loan_schedules_section.loan_table .main-head {
  font-size: 20px;
  font-weight: 500
}

.loan_schedules_section.loan_table .blue-head {
  background-color: #74add8 !important;
}

.loan_schedules_section.loan_table th .graph-content p {
  text-shadow: none;
  color: #343434;
  font-size: 14px;
  text-align: left;
  margin: 0;
}

.loan_schedules_section.loan_table th .graph-content p span {
  text-align: right;
  float: right;
  color: #444;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
}

.loan_schedules_section.loan_table th.month {
  width: 25px;
  background: transparent;
  color: #1d659c;
  text-shadow: none;
  font-size: 12px
}

.loan_schedules_section.loan_table th.empty-th {
  width: 85px
}

.loan_schedules_section.loan_table td.empty-td {
  width: 85px !important
}

.loan_schedules_section table.inner_table th,
.loan_schedules_section table.inner_table td {
  width: 84px
}

.content-wrapper-inner .section_body table input:disabled {
  pointer-events: none;
  background: #fff !important;
  border: 0 !important;
}

.financing_row.center_align .col button.close {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 10px;
}

.cash_flow_parameter_col label + span {
  width: 35%;
  text-align: center;
  font-weight: 600;
}

.cash_flow_parameter_col input.add_other_field {
  width: 75%;
}

.cash_flow_parameter_col label span.cross_icon {
  position: absolute;
  right: 15px;
  top: 8px;
  width: 16px;
}

.content-wrapper-inner .section_body .equity_owner_table th {
  background: #e4e4e4;
  border: 0 none;
  color: #000;
  font-size: 17px;
  padding: 10px 7px;
  border-top: 1px solid #bbb
}

.content-wrapper-inner .section_body .equity_owner_table tr:last-child td {
  font-weight: 600;
  font-size: 17px;
}

.table_look .row.total_entry::before {
  display: none
}

.content-wrapper-inner .section_body .equity_owner_table tfoot tr td {
  padding: 10px 0;
  border-top: 1px solid #c3c3c3;
}

.content-wrapper-inner .section_body table.equity_owner_table input.value_fields {
  background: rgb(172, 219, 255);
  border: 0 none;
  color: #000000;
  display: table;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
  width: 65px;
  text-overflow: ellipsis;
  padding: 0;
  border: 1px solid #c2c2c2
}

textarea.value_fields {
  background: rgb(172, 219, 255);
  display: table;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-weight: 500;
  margin: 0 auto;
  text-align: center;
  width: 245px;
  text-overflow: ellipsis;
  padding: 5px 0;
  resize: none;
  color: #000;
  border: 1px solid #c2c2c2;
  margin-bottom: 0;
  border-radius: 5px;
  height: 33px;
}

.equity_owner_table .entry_field {
  background: var(--entry-field-background)
}

.content-wrapper-inner .section_body table.equity_owner_table .add_other_row td {
  padding: 5px 0;
}

.content-wrapper-inner .section_body table.equity_owner_table .add_other_row td:first-child {
  background: transparent
}

.content-wrapper-inner .section_body .equity_owner_table tr:last-child td {
  border-left: 0;
}

.cash_flow_table.allocation_balances .custom_width {
  display: table;
  white-space: nowrap;
  width: 180px;
}

.cash_flow_table.allocation_balances .blank_row td {
  padding: 10px 10px;
}

.cash_flow_table.allocation_balances .year_row th {
  padding: 7px 10px;
  color: #fff;
  background: #fff;
  font-size: 20px;
  font-weight: 800;
}

.cash_flow_table.allocation_balances .year_row th:nth-child(2n+1) {
  background: #c2e07e;
  border: 0;
}

.cash_flow_table.allocation_balances .year_row th:nth-child(2n) {
  background: #74add8;
  border: 0;
}

.cash_flow_table.allocation_balances .quarter_row > th:nth-child(2n+1) tr th,
.cash_flow_table.financial_report .quarter_row > th:nth-child(2n+1) {
  background: #c2e07e;
}

.cash_flow_table.allocation_balances .quarter_row > th:nth-child(2n+2) tr th,
.cash_flow_table.financial_report .quarter_row > th:nth-child(2n+2) {
  background: #74add8
}

.cash_flow_table.allocation_balances thead th {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.84);
}

.cash_flow_table.allocation_balances .left_align_text {
  text-align: left
}

.cash_flow_table.allocation_balances {
  counter-reset: numberNumber;
}

.cash_flow_table.allocation_balances .number_counter {
  counter-increment: numberNumber;
  position: relative
}

.cash_flow_table.allocation_balances .number_counter:after {
  color: #1d659c;
  content: counter(numberNumber, decimal);
  font-size: 16px;
  font-weight: 500;
  left: 5px;
  position: absolute;
  text-align: right;
  top: 8px;
  width: 16px;
}

.checkbox_container {
  position: relative;
}

.checkbox_container input[type="radio"] {
  opacity: 0;
  width: 17px;
  height: 17px;
  position: absolute
}

.checkbox_container input[type="radio"] + label {
  cursor: pointer;
  background: rgba(0, 0, 0, 0) url("../images/checkbox.png") no-repeat scroll 0 0;
  padding: 0 0 2px 32px;
  background-position: 0 0;
  height: 21px;
  display: inline-block;
}

.checkbox_container input[type="radio"]:checked + label {
  background-position: 0 -22px;
}

.cash_flow_table.investment_positions td {
  text-align: center;
  width: 170px
}

.cash_flow_table.investment_positions td:first-child {
  text-align: right
}

.cash_flow_table.financial_report tr th,
.cash_flow_table.financial_report tr td {
  font-size: 15px;
  font-weight: 500;
  min-width: 90px;
  white-space: nowrap;
}

.cash_flow_table.financial_report tr.total_value td:first-child {
  text-align: right;
}

.external-scroll_x.scroll-scrollx_visible.scroll2 {
  bottom: 0;
  display: block;
  height: 3px;
  left: 325px;
  width: calc(100% - 325px);
}

.cash_flow_table.allocation_balances .quarter_row > th {
  padding: 0;
  border: 0;
}

.cash_flow_table.allocation_balances .quarter_row > th:first-child {
  background: #fff;
  text-shadow: none;
}

.cash_flow_table.allocation_balances .quarter_row > th tr th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  padding: 0 0 5px;
  color: #fff;
  text-align: center;
  font-size: 13px
}

.quarter_row table {
  width: 100%;
}

.cash_flow_table.allocation_balances tr.blank_row td:first-child {
  background: #f1f1f1;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 15px;
}

.cash_flow_table.allocation_balances tr.blank_row td {
  background: #f1f1f1;
  border: 0 none;
}

.cash_flow_table.allocation_balances tr td:first-child {
  font-size: 16px;
  padding-left: 30px;
}

.cash_flow_table.allocation_balances tr td,
.cash_flow_table.allocation_balances tr td {
  font-size: 15px;
  font-weight: 500;
  min-width: 90px;
  white-space: nowrap;
  padding: 8px 10px;
}

.section_title2 {
  border-bottom: 2px solid #c3c3c3;
  color: #1d659c;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 60px;
  padding-bottom: 5px;
  text-align: left;
  text-transform: uppercase;
}

/***********************/
.investor_graph_data {
  display: block;
  margin-bottom: 40px;
}

.investor_graph_data:before,
.investor_graph_data:after {
  clear: both;
  content: "";
  display: table
}

.investor_graph_data .data_section {
  float: left;
  width: 48%;
}

.investor_graph_data .graph_section {
  float: right;
  width: 48%;
}

.investor_graph_data .data_section table th {
  background: #1d659c;
  color: #ffffff;
  font-size: 12px;
  padding: 5px;
  border-left: 1px solid rgba(255, 255, 255, 0.20);
  text-align: center
}

.investor_graph_data .data_section table th:last-child {
  border-left: 1px solid rgba(255, 255, 255, 0.20);
}

.investor_graph_data .data_section table td {
  font-size: 12px;
  padding: 3px 5px;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  text-align: center
}

.investor_graph_data .data_section table td:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.20);
}

.investor_graph_data .data_section table table {
  width: 100%;
}

.investor_graph_data .data_section table tbody > tr.bg_row:nth-child(2n) td {
  background: #e4e4e4
}

.investor_graph_data .data_section table tbody > tr.bg_row:nth-child(2n+1) td {
  background: #f9f9f9
}

#distribution_table .bg_row td,
#distribution_table th {
  min-width: 100px;
}

#distribution_table th {
  height: 38px;
}

.investor_graph_data th,
.investor_graph_data td {
  min-width: 86px;
}

/***********************/
.investor_graph_data .data_section table th:first-child,
.investor_graph_data .data_section table td:first-child {
  width: 50px;
  min-width: 50px;
}

.section_body.blueprint_bg {
  padding: 0;
}

.section_body.blueprint_bg .inner_wrap:before,
.section_body.blueprint_bg .inner_wrap:after {
  content: "";
  display: table;
  clear: both;
}

.negative_value_row td {
  color: #ff0000 !important
}

.negative_value_row td:first-child {
  color: #000 !important
}

.col.cash_flow_parameter_col.custom_blueprint {
  width: 50%;
  padding: 0 6%;
}

.col.cash_flow_parameter_col.custom_blueprint label {
  width: 50%
}

.col.cash_flow_parameter_col.custom_blueprint .select_wrapper,
.col.cash_flow_parameter_col.custom_blueprint form input {
  margin-left: 5%;
}

.cash_flow_table.allocation_balances.investor-table > tr th:first-child,
.cash_flow_table.allocation_balances.investor-table tbody tr td:first-child {
  text-align: left;
  width: 120px;
  padding-left: 0;
}

.cash_flow_table.allocation_balances.investor-table tbody tr td:first-child {
  text-align: center
}

.cash_flow_table.allocation_balances.investor-table .custom_width,
.cash_flow_table.allocation_balances.investor-table .custom_width {
  width: 120px
}

.cash_flow_table.financial_report.investment_positions tr th:first-child,
.cash_flow_table.financial_report.investment_positions tr td:first-child {
  min-width: inherit;
  text-align: left
}

.cash_flow_table.financial_report.investment_positions tr th {
  font-weight: 700;
  font-size: 16px;
}

.cash_flow_table.financial_report.investment_positions tr td,
.cash_flow_table.financial_report.investment_positions tr th {
  padding: 10px
}

.allocation_section .external-scroll_x.scroll-scrollx_visible {
  bottom: 0;
  display: block;
  height: 3px;
  left: 131px;
  width: calc(100% - 131px);
}

.allocation_section .pagination {
  padding-left: 222px;
}

.divider {
  background: #c3c3c3;
  width: 100%;
  height: 2px;
  margin: 20px 0;
}

.cash_flow_table.financial_report.allocation_balances .blank_row,
.cash_flow_table.financial_report.allocation_balances .blank_row td {
  border: 0;
}

.cash_flow_table.financial_report.allocation_balances .blank_row td:first-child {
  background: #f1f1f1;
}

/***********************/
.cash_flow_parameter_col.summary_info form label.blank {
  width: 120px;
  height: 24px;
  background: #ededed;
}

.cash_flow_parameter_col.summary_info form label {
  width: 22%;
  padding: 0 10px 0 0;
}

.cash_flow_parameter_col.summary_info form label span {
  width: 100%
}

.cash_flow_parameter_col.summary_info form input {
  width: 25%;
  text-align: center
}

.cash_flow_parameter_col.summary_info form label + p-inputmask input {
  width: 100%;
}

.cash_flow_parameter_col.summary_info form input.width2 {
  width: 25%;
  text-align: center
}

.cash_flow_parameter_col.summary_info form input.v_width {
  width: 30%
}

.cash_flow_parameter_col.summary_info form textarea {
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 85px;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  width: 48%;
  vertical-align: top;
  font-weight: 500;
  font-size: 15px;
  resize: none;
}

.cash_flow_parameter_col.summary_info form textarea.disabled {
  background: transparent;
  border: 0;
  padding: 0;
}

.cash_flow_parameter_col.summary_info form textarea:focus,
.cash_flow_parameter_col.summary_info form textarea:active {
  outline: none;
  border: 1px solid #56b4fd;
}

.summary_table_section .cash_flow_table {
  margin-top: 0;
}

.summary_table_section .section_title2 {
  margin: 45px 0 40px;
}

.summary_table_section .cash_flow_table th {
  background: #fff;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.18)
}

.cash_flow_parameter_col .row .editor {
  width: 675px;
}

.cash_flow_parameter_col .ql-container {
  height: 150px;
}

.content-wrapper-inner.summary_table_section .section_title {
  display: none
}

.month-table thead th {
  background-color: #fff !important;
  border: 0 !important;
}

.month-table td {
  font-size: 12px !important;
  color: #1d659c !important;
  padding: 5px 5px 4px;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.18)
}

.cash_flow_parameter_col .row.total_project_cost {
  border-top: 1px solid #c3c3c3;
  padding-top: 15px;
}

.cash_flow_parameter_col .row.total_project_cost span,
.cash_flow_parameter_col .row.total_project_cost input {
  font-size: 18px;
  font-weight: 600;
}

.add_multiple_companies .col .textcol .project_image {
  color: #ffffff;
  cursor: pointer;
  font-size: 17px;
  height: 40px;
  left: 0;
  top: 0;
  width: 40px;
  border-radius: 30px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.add_multiple_companies .col .textcol .project_image img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.year_section {
  width: 706px;
  float: left;
  overflow-x: scroll;
}

.right_table.cash_flow_table td {
  height: 42px;
  padding: 6px 10px;
  width: 186px;
  min-width: 64px;
}

.summary_table_section .year_section .cash_flow_table td:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  background: transparent;
  width: 82px;
  min-width: 82px;
}

.summary_table_section .year_section .cash_flow_table th:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  width: 82px;
  min-width: 82px;
  max-width: 82px;
}

.summary_table_section .year_section .cash_flow_table th,
.summary_table_section .year_section .cash_flow_table td {
  height: 42px;
}

.cash_flow_table.fixedTable td {
  height: 42px;
  padding: 15px 10px 16px;
}

.content-wrapper-inner:before,
.content-wrapper-inner:after {
  content: "";
  display: table;
  clear: both;
}

.col.cash_flow_parameter_col.table_look form span {
  margin: 0;
  padding: 0;
}

.col.cash_flow_parameter_col.table_look form label {
  margin-bottom: 0;
}

app-summary .section_title.blue_bg {
  display: none;
}

app-summary .cash_flow_table {
  margin-top: 0;
}

/******OCT 10********/

section.disclaimer {
  color: #4a4a4a;
  text-align: center;
  font-size: 15px;
  margin-bottom: 40px;
  line-height: 23px;
}

section.disclaimer p {
  width: 930px;
  margin: 0 auto;
  max-width: 100%;
  margin-top: 10px;
}

section.disclaimer .title {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 10px;
}

section.disclaimer .sub_section {
  border-top: 1px solid #e5e5e5;
  padding-top: 40px;
  margin-top: 40px;
  color: #242424;
}

section.disclaimer .sub_section .subtitle {
  font-weight: 600;
  font-size: 22px;
  color: #232323;
}

section.disclaimer .contact_title {
  font-weight: 600;
  font-size: 20px;
  color: #232323;
  padding: 15px 0;
}

section.disclaimer .contact_details li {
  list-style: none;
  display: inline-block;
  padding: 0 20px;
  border-left: 1px solid;
}

section.disclaimer .contact_details li:first-child {
  border: 0;
}

table.cash_flow_table.scrollableTable.bed_rate_table td {
  text-align: center
}

.cash_flow_table.bed_rate_table td:first-child {
  font-weight: 400
}

.budget_columns .cash_flow_parameter_col.table_look label {
  padding: 0
}

.cash_flow_parameter_col.table_look span.disabled {
  font-size: 16px
}

.loan_table .loan_table_head .loan_table_row:last-child .loan_table_col.top_border {
  border-top: 1px solid
}

.operating_expenses.cash_flow_table td strong {
  font-weight: 500;
  text-align: right;
  width: 293px;
  display: inline-block
}

.cash_flow_table.fixedTable.cash_flow_table_label td {
  padding: 11px 10px;
}

.cash_flow_table.fixedTable.cash_flow_table_label td.double_line_text {
  padding: 0 10px
}

/****/
.cash_flow_table.fixedTable td {
  text-align: left;
}

.right-num span.disabled {
  text-align: right;
}

.right-num .total_entry span.disabled {
  font-size: 18px;
}

.fs-widget span.disabled {
  margin-top: 0;
  line-height: 33px;
}

.fs-widget label {
  margin: 5px 0;
}

.right-arrow td,
.right-arrow th,
th.right-arrow {
  padding-right: 34px !important;
  text-align: right;
}

.right-arrow .rightArrow {
  position: absolute;
  margin-left: 10px;
  margin-top: 5px;
}

.no-value {
  text-align: center;
  display: block !important;
}

.value-content {
  font-weight: 400 !important;
  font-size: 14px !important;
}

.align-center {
  text-align: center !important;
}

.fl-rt {
  float: right;
}

form input:focus,
.add_multiple_companies .col input:focus,
.other_button:focus {
  outline: none;
  border: 1px solid #000 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.cross_icon,
.cash_flow_table.fixedTable .otherButton td i,
.removeotherRoom {
  opacity: .75;
  color: #000;
  line-height: 33px;
  margin-left: 5px;
  cursor: pointer;
}

.cross_icon:hover,
.cash_flow_table.fixedTable .otherButton td i:hover,
.removeotherRoom:hover {
  opacity: 1;
}

button {
  cursor: pointer;
}

.right-num .total_entry span.disabled {
  font-weight: 600;
}

.negative_value {
  color: #ff0000 !important;
}

.crossbtnTD {
  position: relative;
}

.crossbtnTD .cross_icon {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: -15px;
}

button.close.rtbuttn {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 10px;
  float: none;
}

.loan_table {
  position: relative;
}

.cash_flow_table.scrollableTable.monthBorder td:nth-child(12n),
.cash_flow_table.monthBorder td:nth-child(12n) {
  border-right-width: 3px;
  border-right-color: rgba(0, 0, 0, 0.4);
}

.update_logo {
  text-align: center;
}

.pt-0 {
  padding-top: 0;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.cash_flow_table.fixedTable.cash_flow_table_label.numberedLabelList td {
  position: relative;
  padding-left: 30px;
}

.numberedLabelList td .serial_number {
  left: 5px;
  position: absolute;
  text-align: right;
  top: 50%;
  margin-top: -10px;
  width: 16px;
}

table {
  border-collapse: initial;
}

input:focus::-webkit-contacts-auto-fill-button {
  opacity: 0;
}

textarea.value_fields:focus {
  border: 1px #000 solid;
  outline-offset: 0;
  outline: 0;
}

.content-wrapper .page_title img {
  width: auto !important;
}

.navToggle .main-sidebar {
  z-index: 0;
}

.navToggle .main-sidebar:hover {
  z-index: 99999;
}

.navToggle .content-wrapper {
  left: var(--navToggle-left-edge);
  width: calc(100% - var(--navToggle-left-edge));
}

.navToggle #main_header .title {
  /* This 40px is 2*padding-left for ".navToggle #main_header" */
  width: calc(100% - 40px);
}

/*---*/

.wAuto,
.cash_flow_parameter_col .wAuto {
  width: auto !important;
  padding: 0;
}

.loaderWidget {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  z-index: 999999999;
}

.loaderWidget button.close {
  color: #f8f9fa;
  padding-right: 25px;
  padding-top: 25px;
}

/*---Loader---*/
.lds-css {
  width: 200px;
  height: 200px;
  margin: auto;
  transform: scale(0.5);
  position: relative;
  top: 50%;
  margin-top: -100px;
}

@-webkit-keyframes lds-default {
  0% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }

  25% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }

  50% {
    width: 28px;
    height: 28px;
    background: #ffffff;
  }

  75% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }

  100% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }
}

@keyframes lds-default {
  0% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }

  25% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }

  50% {
    width: 28px;
    height: 28px;
    background: #ffffff;
  }

  75% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }

  100% {
    width: 16.8px;
    height: 16.8px;
    background: #ffffff;
  }
}

.lds-default {
  position: relative;
}

.lds-default div {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: lds-default 1s linear infinite;
  animation: lds-default 1s linear infinite;
  border-radius: 50%;
}

.lds-default div:nth-child(1) {
  -webkit-animation-delay: -0.917s;
  animation-delay: -0.917s;
  left: 170px;
  top: 100px;
}

.lds-default div:nth-child(2) {
  -webkit-animation-delay: -0.833s;
  animation-delay: -0.833s;
  left: 160.622px;
  top: 135px;
}

.lds-default div:nth-child(3) {
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
  left: 135px;
  top: 160.622px;
}

.lds-default div:nth-child(4) {
  -webkit-animation-delay: -0.667s;
  animation-delay: -0.667s;
  left: 100px;
  top: 170px;
}

.lds-default div:nth-child(5) {
  -webkit-animation-delay: -0.583s;
  animation-delay: -0.583s;
  left: 65px;
  top: 160.622px;
}

.lds-default div:nth-child(6) {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
  left: 39.378px;
  top: 135px;
}

.lds-default div:nth-child(7) {
  -webkit-animation-delay: -0.417s;
  animation-delay: -0.417s;
  left: 30px;
  top: 100px;
}

.lds-default div:nth-child(8) {
  -webkit-animation-delay: -0.333s;
  animation-delay: -0.333s;
  left: 39.378px;
  top: 65px;
}

.lds-default div:nth-child(9) {
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
  left: 65px;
  top: 39.378px;
}

.lds-default div:nth-child(10) {
  -webkit-animation-delay: -0.167s;
  animation-delay: -0.167s;
  left: 100px;
  top: 30px;
}

.lds-default div:nth-child(11) {
  -webkit-animation-delay: -0.083s;
  animation-delay: -0.083s;
  left: 135px;
  top: 39.378px;
}

.lds-default div:nth-child(12) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  left: 160.622px;
  top: 65px;
}

.cash_flow_parameter_col label.infoLabel {
  position: static;
}

.tooltip {
  z-index: 5;
  line-height: 1.3;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  max-width: 300px;
  background: #1d659c;
}

/* Fixes for arrow placement from https://github.com/ng-bootstrap/ng-bootstrap/commit/de56f10 that was only added in v1.0.0-beta.9 */
/* We have to put the "!important" on these or the built-in styles from the tooltip component override our values. */ 
.bs-tooltip-top .arrow {
  left: calc(50% - 0.4rem) !important;
}
.bs-tooltip-bottom .arrow {
  left: calc(50% - 0.4rem) !important;
}
.bs-tooltip-left .arrow {
  top: calc(50% - 0.4rem) !important;
}
.bs-tooltip-right .arrow {
  top: calc(50% - 0.4rem) !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: #1d659c;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #1d659c;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #1d659c;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #1d659c;
}

button:focus,
button:active:focus,
button.active:focus {
  outline: none;
  box-shadow: none;
}

.lastColPrint .tooltip-inner {
  max-width: 380px !important;
}

.additionalFields .tooltip-inner {
  width: 300px !important;
  max-width: inherit !important;
}

button.deleteBtn .tooltip-inner,
button.editButton .tooltip-inner,
button.copyButton .tooltip-inner {
  width: 200px;
}

/*---On Off Switch button---*/
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-bottom: 0;
  vertical-align: middle;
}

.switch input {
  display: none;
}

.slider,
.slider:before {
  -webkit-transition: .4s;
  transition: .4s;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
}

input:checked + .slider {
  background-color: #99c042;
}

input:focus + .slider {
  box-shadow: 0 0 1px #99c042;
}

input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
  -webkit-border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
  -webkit-border-radius: 50%;
}

.noDataLoan {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  background: #f1f1f1;
  padding: 20px;
}

@font-face {
  font-family: 'PRISTINA';
  src: url('../fonts/PRISTINA.eot');
  src: url('../fonts/PRISTINA.eot') format('embedded-opentype'),
    url('../fonts/PRISTINA.woff2') format('woff2'),
    url('../fonts/PRISTINA.woff') format('woff'),
    url('../fonts/PRISTINA.ttf') format('truetype'),
    url('../fonts/PRISTINA.svg#PRISTINA') format('svg');
}

@font-face {
  font-family: 'HP Simplified Light';
  src: url('../fonts/HPSimplifiedLight.eot');
  src: url('../fonts/HPSimplifiedLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HPSimplifiedLight.woff2') format('woff2'),
    url('../fonts/HPSimplifiedLight.woff') format('woff'),
    url('../fonts/HPSimplifiedLight.svg#HP Simplified Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2212;
}

.dragableArea {
  min-height: 450px;
  margin-bottom: 15px;
}

.dragDrop,
.printablePage {
  border: 1px #c2c2c2 solid;
}

.printablePage,
.dragDrop {
  padding: 15px;
}

/*Radio Checkbox*/
.custom-radio input[type="radio"] {
  display: none;
}

.custom-radio input[type="radio"] + label {
  font-size: 16px;
  margin-bottom: 10px;
}

.custom-radio input[type="radio"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -2px 9px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.custom-radio input[type="radio"] + label span {
  background-color: #ffffff;
  border: 2px #c2c2c2 solid;
  position: relative;
}

.custom-radio input[type="radio"] + label span:after {
  position: absolute;
  height: 12px;
  width: 12px;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  content: " ";
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

.custom-radio input[type="radio"]:checked + label span:after {
  background-color: var(--entry-field-background);
}

.custom-radio input[type="radio"] + label span,
.custom-radio input[type="radio"]:checked + label span {
  -webkit-transition: background-color 0.2s linear;
  -o-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}

.custom-radio input[type="radio"]:checked + label span {
  border-color: #000;
}

.custom-check input[type="checkbox"]:not(:checked),
.custom-check input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.custom-check input[type="checkbox"]:not(:checked) + label,
.custom-check input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}

.custom-check input[type="checkbox"]:not(:checked) + label:before,
.custom-check input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 2px solid #c2c2c2;
  background: #fff;
  border-radius: 2px;
  color: #999;
  font-weight: 600;
}

.custom-check input[type="checkbox"]:not(:checked) + label:after,
.custom-check input[type="checkbox"]:checked + label:after {
  content: '\2713';
  position: absolute;
  top: 2px;
  left: 2px;
  border-radius: 1px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 12px;
  color: #333;
  transition: all .2s;
  background-color: var(--entry-field-background);
  font-weight: bold;
}

.custom-check input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

.custom-check input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

.custom-check input[type="checkbox"]:disabled:not(:checked) + label:before,
.custom-check input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}

.custom-check input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}

.custom-check input[type="checkbox"]:disabled + label {
  color: #aaa;
}

.custom-check input[type="checkbox"] + label {
  line-height: 18px;
}

.form-check {
  margin-bottom: 5px;
  text-align: center;
}

.blueFields.custom-radio input[type="radio"] + label,
.blueFields .custom-check input[type="checkbox"]:not(:checked) + label,
.blueFields .custom-check input[type="checkbox"]:checked + label {
  background: var(--entry-field-background);
  border: 1px #c2c2c2 solid;
  display: inline-block;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 10px;
  margin-bottom: 0;
  width: 265px;
  text-align: left;
}

.blueFields.custom-radio input[type="radio"]:checked + label span:after {
  background: #000;
}

.blueFields .custom-check .childEl input[type="checkbox"]:not(:checked) + label,
.blueFields .custom-check .childEl input[type="checkbox"]:checked + label {
  width: 225px;
  padding-left: 37px;
}

.blueFields .custom-check input[type="checkbox"]:not(:checked) + label:before,
.blueFields .custom-check input[type="checkbox"]:checked + label:before {
  top: 50%;
  margin-top: -9px;
  left: 10px;
}

.blueFields .custom-check input[type="checkbox"]:checked + label:before {
  border-color: #000;
}

.blueFields .custom-check input[type="checkbox"]:not(:checked) + label:after,
.blueFields .custom-check input[type="checkbox"]:checked + label:after {
  top: 50%;
  margin-top: -7px;
  left: 12px;
  background: #fff;
}

.childEl {
  margin-top: 5px;
}

.sortable-wrapper {
  text-align: center;
}

.sortable-item[draggable="true"] {
  background: var(--entry-field-background);
  display: inline-block;
  border: 1px #c2c2c2 solid;
  padding: 10px;
  margin: 0 auto 5px;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  min-width: 255px;
  width: 55%;
  text-align: left;
  text-align: center;
}

.sortable-item-active[draggable="true"] {
  border-color: #000;
}

.sortable-item .fa {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
  opacity: 0.75;
}

.sortable-item .fa:hover {
  opacity: 1;
}

.pritingColHead {
  font-size: 16px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

.l-b {
  display: block;
}

.nobtm-border {
  border-bottom: none !important;
}

.f-wn,
.f-wn td {
  font-weight: normal !important;
}

.secondOption {
  margin-top: 20px;
  border-top: 1px #c2c2c2 solid;
  padding-top: 20px;
}

.optionHead {
  font-size: 24px;
  text-align: center;
  margin-bottom: 15px;
}

.btnsBtm a {
  display: inline-block;
  margin: 0 5px;
}

.largeBtn {
  font-size: 16px;
  padding: 8px 10px;
}

.selectType .cross_icon {
  position: absolute;
  top: 50%;
  line-height: normal;
  margin-top: -10px;
}

.l-b {
  display: block;
}

.nobtm-border {
  border-bottom: none !important;
}

.f-wn,
.f-wn td {
  font-weight: normal !important;
}

.modal-header {
  padding: 10px 20px;
}

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

.savePackage {
  text-align: center;
}

.info_ico_tooltip {
  font-style: normal;
}

.sepBorder {
  border-top: 3px solid #ffffff;
}

/*---------Printing css--------*/
.monthly_cash_flow.right_table {
  min-width: 500px !important;
}

app-printheader,
app-printfooter,
.printGap,
.printVisibleOnly {
  display: none;
}

.printGap {
  content: " ";
  width: 8%;
}

.insert_logo .tooltip-inner,
.cash_flow_table.fixedTable th .tooltip-inner {
  width: 300px;
}

.add_multiple_companies .col .insert_logo i.info_ico {
  padding-right: 0;
  vertical-align: middle;
}

.info_ico {
  color: #ff9b9e;
  font-size: 16px;
}

#overlay {
  background: rgba(10, 0, 0, 0.4);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 999999;
  display: none;
}

#overlay img {
  position: absolute;
  top: 47%;
  left: 47%;
  max-width: 64px;
}

.blue_color {
  color: #1d659c;
}

.highlight {
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  display: inline-block;
  padding: 3px 5px;
}

.instruction-text {
  padding: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  z-index: 2;
}

.navToggle .instruction-text {
  z-index: 0;
}

.navToggle .instruction-text:hover {
  z-index: 99999;
}

.instructionWrap {
  padding: 20px 54px 0 54px;
}

.bold-highlight {
  font-weight: bolder;
  color: #fff;
}

.bold-highlight-italic {
  font-weight: bolder;
  color: #fff;
  font-style: italic;
}

.choosefileBtn {
  padding: 20px 0;
  margin-bottom: 0;
}

.modal-content .choosefileBtn input[type="file"],
.imageFile {
  margin-bottom: 0;
}

.modal-content input[type="file"]:after {
  padding: 8px 0;
}

.inputUI {
  background: var(--entry-field-background);
  border: 1px solid #c2c2c2;
  border-radius: 5px;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  height: 33px;
  padding: 5px;
  width: 100%;
  margin-bottom: 0;
}

.logo img {
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

@media (min-width: 576px) {
  .imageUpload .modal-dialog {
    max-width: 500px;
    margin: 80px auto;
  }

  .imageUpload .modal-body {
    padding: 25px;
  }
}

@page {
  size: letter;
  margin: 0in;
  padding: 0in;
}

@media print and (color) {

  html,
  body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  body.homepage {
    padding: 0;
  }

  * {
    -webkit-print-color-adjust: exact;
  }

  app-printheader,
  .page-break {
    page-break-before: always;
    /* break-before replaces page-break-before, which is being deprecated */
    break-before: page;
  }

  /* On Safari, we have to intentionally avoid causing an extra page page break between the border and the top of the
  Enterprise Appraisal page. */
  .my-class1 .pageborder app-printheader {
    page-break-before: avoid;
    break-before: avoid;
  }
  
  app-printheader,
  app-printfooter {
    display: block;
  }

  header {
    display: table;
    width: 100%;
    padding-left: 54px;
    padding-right: 35px;
    background: #fff;
  }

  .pageborder header {
    padding: 0 var(--content-padding);
  }
  
  .project_name,
  .pageTitle,
  .header_logo {
    display: table-cell;
    vertical-align: middle;
    padding: 35px 0 25px 0;
  }

  .project_name,
  .pageTitle {
    width: 39%;
  }

  .header_logo {
    width: 22%;
    padding-left: 0;
    padding-right: 0;
  }

  .project_name,
  .pageTitle {
    font-size: 19px;
    font-weight: 600;
    color: #1d659c;
    text-transform: uppercase;
  }

  .pageTitle {
    text-align: right;
  }

  .header_logo {
    text-align: center;
  }

  .header_logo p {
    width: 100%;
    margin: 0;
  }

  .company_logo {
    max-height: 100px;
    max-width: 100%;
  }

  .diffHeader .header_logo {
    padding: 0;
    font-family: 'HP Simplified Light';
    font-size: 34px;
    font-weight: 700;
  }

  .diffHeader .header_logo span {
    font-family: 'PRISTINA';
    font-weight: normal;
    text-transform: initial;
    font-size: 38px;
  }

  .diffHeader .header_logo sup {
    font-family: 'HP Simplified Light';
    font-size: 6px;
    margin-left: 4px;
    position: relative;
    top: -18px;
  }

/*  For the Enterprise Appraisal page, reduce the font sizes on the header */
  .pageborder .diffHeader .header_logo {
    font-size: 30px;
  }

  .pageborder .diffHeader .header_logo span {
    font-size: 34px;
  }

  .diffHeader .project_name,
  .diffHeader .pageTitle,
  .content-wrapper-inner .diffHeader .project_name,
  .content-wrapper-inner .diffHeader .pageTitle {
    width: 30%;
  }

  .diffHeader .header_logo,
  .content-wrapper-inner .diffHeader .header_logo {
    width: 40%;
  }

  .pageTitle p {
    margin: 0;
  }

  .coverMargin,
  .pageborder {
    position: relative;
  }

  .coverMargin header {
    position: relative;
    z-index: 10;
  }

  .pageborder header {
    background: none;
    min-height: 134px;
  }


  /*-----Main ---------*/
  .printVisibleOnly {
    display: table-cell;
  }

  .content-wrapper-inner {
    padding: 0 35px 0 54px;
  }

  .content-wrapper-inner header {
    padding-right: 0;
    padding-left: 0;
  }

  .content-wrapper-inner .project_name,
  .content-wrapper-inner .pageTitle {
    width: 38%
  }

  .content-wrapper-inner .header_logo {
    width: 24%;
  }

  .scrollableTable,
  .monthly_cash_flow.right_table {
    width: 100%;
  }

  .cumulativePrint.summary_table_section .cash_flow_table.cash_flow_year {
    width: 100%;
  }

  .cumulativePrint .cumulativeCenter {
    width: 60%;
    margin: 0 auto;
  }

  .scrollable.section {
    overflow: hidden;
  }

  .cash_flow_parameter_col {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }

  .section_title.blue_bg {
    background: none;
    color: #000;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .cash_flow_parameter_col input,
  .cash_flow_parameter_col select,
  .bed_rates_table .other_button,
  textarea.value_fields,
  .content-wrapper-inner .section_body table.equity_owner_table input.value_fields {
    border: none;
    background: none;
    text-align: center;
  }

  .cash_flow_parameter_col .row {
    margin: 5px 0;
  }

  .content-wrapper-inner .section_body {
    background: none;
    padding: 0;
  }

  .cash_flow_parameter_col .title {
    margin-bottom: 15px;
  }

  .noMargin {
    margin-bottom: 0 !important;
  }

  .summary_table_section .cash_flow_table thead .inner_tb tr:nth-child(2) th,
  .years_count.cash_flow_table .inner_tb tr:nth-child(2) th {
    font-size: 12px;
  }

  .summary_table_section .year_section .cash_flow_table th,
  .summary_table_section .year_section .cash_flow_table td,
  .summary_table_section .cash_flow_table.fixedTable.cash_flow_table_label td {
    height: 34px;
  }

  .summary_table_section .cash_flow_table.fixedTable.cash_flow_table_label td {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px;
  }

  .cash_flow_parameter_col .select_wrapper select {
    padding-right: 0;
  }

  .printCenter {
    text-align: center;
  }

  .printCenter .cash_flow_parameter_col {
    float: none;
    width: 42%;
    padding-right: 0;
    padding-left: 0;
    display: inline-block;
    vertical-align: top;
  }

  .printCenter .cash_flow_parameter_col label {
    width: 56%;
  }

  .printCenter .cash_flow_parameter_col label,
  .printCenter .cash_flow_parameter_col input {
    font-size: 14px;
  }

  .printFullWidth {
    width: 100% !important;
  }

  .printHeightDiv {
    min-height: 900px;
  }

  .pageborder .printHeightDiv {
    min-height: 890px;
  }

  .pageborder {
    position: relative;
    margin: var(--page-margin);
    height: 1200px;
    border: 3px solid #1d659c;
  }

  /*-----Footer----------*/
  app-printfooter {
    width: 100%;
    /*
    By setting the position to fixed and adding a bottom, the footer will be forced to the bottom of the page, and it will automatically
    print on every page.
    */
    position: fixed;
    bottom: var(--page-margin);
    z-index: 2;
  }

  footer {
    background: none;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    padding: 0;
    width: auto;
  }

  footer .row {
    width: 100%;
    margin: 0;
  }

  footer .row2 {
    display: flex;
    justify-content: space-between;
    padding: 20px 55px 20px 55px;
    align-items: flex-end;
  }

  .footerAddress,
  .header_logo {
    text-align: center
  }

  .footerLogo {
    width: 23.5%;
    text-align: left;
  }

  .footerAddress {
    width: 53%;
    color: #333;
  }

  .copyright {
    width: 23.5%;
    text-align: right;
    font-size: 10px;
    color: #666;
  }

  .copyright p {
    margin: 0;
  }

  footer .contact_info span {
    padding: 0 10px;
    border-left: 1px solid #9c9c9c;
    color: #333;
  }

  footer .contact_info span:first-child {
    border: 0;
  }

  .datePage {
    margin: 0 -3px;
  }

  .datePage span {
    display: inline-block;
    margin: 0 3px;
  }

  .companyName {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
  }

  .otherInfoFooter {
    background: #1d659c;
    color: #ffffff;
    padding: 3px 10px;
    margin: 0 var(--page-margin) 0 var(--page-margin);
    font-size: 9px;
    text-align: center;
    font-weight: 700;
  }


  .pageborder .footerLogo,
  .coverPage .footerLogo {
    width: 24.5%;
  }

  .pageborder .footerAddress,
  .coverPage .footerAddress {
    width: 51%;
  }

  .pageborder .copyright,
  .coverPage .copyright {
    width: 24.5%;
  }

  .content-wrapper-inner .otherInfoFooter,
  .inner_wrap .otherInfoFooter {
    margin: 0;
  }

  .coverPage .otherInfoFooter,
  .coverMargin .otherInfoFooter {
    margin: 0 30px;
  }

  .coverPage .otherInfoFooter {
    margin-left: 49px;
  }

  .coverMargin .content-wrapper-inner .otherInfoFooter,
  .pageborder .content-wrapper-inner .otherInfoFooter {
    margin: 0;
  }

  .coverMargin .content-wrapper-inner,
  .pageborder .content-wrapper-inner {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    z-index: 1;
  }

  /*-------Footer----------*/
  .main-sidebar,
  app-header,
  .content-wrapper .page_title,
  .homepage .pagination,
  .pagination,
  .info_ico,
  .clear_copy,
  .removeotherRoom,
  .printHidden,
  .row.add_other-row,
  .cross_icon,
  .add_loans,
  .loan_table_foot,
  .close,
  .delSpan,
  .blank_pattern,
  .project_notes .file_type,
  .serial_number,
  #overlay,
  .addLoanBtn {
    display: none !important;
  }

  .content-wrapper {
    padding-left: 0;
    width: 100%;
  }

  app-table-component {
    display: block;
  }

  app-footer footer,
  footer {
    display: none;
  }

  app-printfooter footer {
    display: block;
  }
}

/* ------------------ User Management -------------------*/
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #1d659c !important;
  color: white;
}