html, body {
  background: #EFEFEF;
  font-family: Arial, Helvetica, sans-serif;
  color: #4B4B4B;
  width: 100%; }

html {
  position: relative;
  min-height: 100%; }

body {
  margin: 0 0 375px;
  /* Bottom = footer height */ }

.box {
  background: #FFF;
  padding: 2rem;
  margin-bottom: 1rem;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.box label, .ui-dialog-content label {
  color: #0FA0CE; }

.box a {
  color: #bf3850; }

.tile-box {
  background: #FFF;
  margin-bottom: 1rem;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.tile-box:hover {
  cursor: pointer;
  opacity: 0.95; }

.tile-padding {
  padding: 2rem; }

.tile-header-background {
  background: #003f72;
  position: relative; }

.tile-header-background h2 {
  color: #FFF;
  text-align: center;
  margin-bottom: 3rem; }

.tile-header-background:after {
  content: "";
  background: #0FA0CE;
  border-radius: 6rem;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -25%);
  text-align: center;
  padding: 2rem 2.6rem;
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 20px; }

.tile-disabled .tile-header-background {
  background: #DDD;
  position: relative; }

.tile-disabled .tile-header-background h2 {
  color: #555; }

.tile-disabled .tile-header-background:after {
  content: "";
  background: #CCC;
  border-radius: 6rem;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -25%);
  text-align: center;
  padding: 2rem 2.6rem;
  font-family: 'FontAwesome';
  color: #fff;
  font-size: 20px; }

.tile-box:nth-child(1) .tile-header-background:after {
  content: "\f07c"; }

.tile-box:nth-child(2) .tile-header-background:after {
  content: "\f080"; }

.tile-box:nth-child(3) .tile-header-background:after {
  content: "\f072"; }

.tile-box:nth-child(4) .tile-header-background:after {
  content: "\f023"; }

.tile-box:nth-child(5) .tile-header-background:after {
  content: "\f07c"; }

.tile-box:nth-child(6) .tile-header-background:after {
  content: "\f080"; }

.tile-content {
  padding: 5rem 2rem 2rem 2rem; }

.tile-content p {
  text-align: center; }

.tile-text {
  min-height: 120px; }

header {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden; }

.header {
  background: #003f72;
  padding: 10px; }

.header label {
  color: #FFF;
  font-size: 1.2rem; }

.nav-toggle {
  color: #FFF;
  cursor: pointer;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  font-size: 2.0rem; }

.nav-collapse {
  display: none;
  background: #003f72;
  padding: 20px; }

.nav-collapse label {
  color: #FFF;
  font-size: 1.2rem; }

.nav-collapse li {
  list-style: none;
  margin: 0; }

.nav-collapse li a {
  display: block;
  color: #FFF;
  padding: 1rem;
  font-size: 1.2rem; }

.nav-collapse li a:hover {
  background: #0FA0CE; }

.nav-collapse ul li > ul li {
  text-indent: 2rem; }

.sub-menu {
  display: none; }

.nav-collapse.responsive {
  display: block; }

.side-nav {
  display: block;
  background: none;
  padding: 0; }

.side-nav ul {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.side-nav ul li {
  list-style: none; }

.side-nav ul li i {
  font-size: 14px;
  margin-right: 20px; }

.side-nav ul li a {
  padding: 20px 20px 20px 30px;
  position: relative;
  display: block;
  font-weight: 500;
  color: #636363;
  font-size: 12px;
  text-transform: none; }

.side-nav ul li a:hover {
  background-color: #E0E0E0;
  cursor: pointer;
  color: #009FDA; }

.side-nav a:hover {
  text-decoration: none; }

.small-top-buffer {
  padding-top: 40px; }

.small-bottom-buffer {
  padding-bottom: 40px; }

.no-padding-right {
  padding-right: 0px; }

.no-padding-left {
  padding-left: 0px;
  padding-bottom: 20px; }

main {
  margin-top: 7.0rem; }

h1 {
  color: #003f72; }

h2, h3 {
  color: #009FDA; }

a {
  text-decoration: none; }

.help-icon {
  font-size: 15px; }

.help-icon:hover {
  cursor: pointer; }

.mobile_table td {
  color: #003f72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #EFEFEF; }

.mobile_table th {
  font-size: 15px; }

.mobile-title {
  margin-top: 1em;
  margin-bottom: 0em; }

.subheader {
  font-style: italic;
  color: #0fa0ce;
  font-size: 1em; }

.subheader td {
  padding-top: 2px !important;
  padding-bottom: 2px !important; }

/*Make an input look disabled when it's actualy readonly*/
.pretend-disabled-input {
  background-color: #f7f7f7 !important; }

.calculated {
  -moz-transition: all 0.75s ease-in;
  -webkit-transition: all 0.75s ease-in;
  -o-transition: all 0.75s ease-in;
  transition: all 0.75s ease-in; }

label {
  display: block;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6); }

.icon-spacing {
  margin-right: 0.5rem; }

.small {
  display: block; }

.large {
  display: none; }

.logo {
  width: 90px;
  float: left; }

.logo img {
  width: 100%;
  height: auto; }

select:disabled {
  /*for firefox*/
  -moz-appearance: none;
  /*for chrome*/
  -webkit-appearance: none; }

/*for IE10*/
select:disabled::-ms-expand {
  display: none; }

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

footer {
  background: #E7E7E7;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 5rem 0; }

footer label {
  color: #777;
  margin-bottom: 1rem; }

footer ul li {
  list-style: none;
  margin-bottom: 1rem; }

.copyright {
  color: #777; }

.real-file {
  display: none !important; }

.valuation-viewer-header {
  padding: 10px;
  background: #E7E7E7;
  font-size: 2.0rem;
  color: #0FA0CE; }

.off-canvas-section {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  background-color: #003f72;
  overflow-x: hidden;
  transition: 0.3s; }

.off-canvas-section.left {
  left: 0; }

.off-canvas-section.right {
  right: 0; }

.off-canvas-section label {
  color: #FFF;
  font-size: 1.2rem; }

.off-canvas-section a {
  color: #FFF; }

.off-canvas-section a:hover {
  color: #0FA0CE; }

/*valuation viewer input tables*/
.section-to-toggle {
  display: none; }

#valuation-viewer-inputs-mobile-basis-one .accordion, #valuation-viewer-inputs-mobile-basis-two .accordion {
  background-color: #EFEFEF;
  font-size: 0.7em;
  color: black; }

#valuation-viewer-inputs-mobile-basis-one .accordion p, #valuation-viewer-inputs-mobile-basis-two .accordion p {
  color: #0fa0ce; }

#valuation-viewer-inputs-mobile-basis-one td, #valuation-viewer-inputs-mobile-basis-two td {
  width: 50%; }

.accordion p {
  color: black;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 0px;
  border-top: 0px;
  background-color: #EFEFEF; }

.accordion input, .accordion select {
  margin: 0; }

.accordion input:not([type='checkbox']), .accordion select {
  height: 30px; }

.accordion td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px; }

.accordion .checkbox-cell {
  text-align: center; }

.accordion input {
  text-align: center; }

.accordion table {
  margin-bottom: 0px; }

td.first-input-column {
  width: 40%; }

td.second-input-column, .third-input-column {
  width: 30%; }

/* Larger than mobile */
@media (min-width: 400px) {
  .small {
    display: none !important; }
  .medium {
    display: block !important; } }

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
  .medium {
    display: block !important; } }

/* Larger than tablet */
@media (min-width: 750px) {
  .medium {
    display: block !important; } }

/* Larger than desktop */
@media (min-width: 1000px) {
  body {
    margin: 0 0 275px;
    /* Bottom = footer height */ }
  .medium {
    display: none !important; }
  .large {
    display: block !important; }
  header {
    position: relative; }
  .header {
    padding: 20px; }
  .logo {
    width: 175px;
    float: left; }
  .logo img {
    width: 100%;
    height: auto; }
  .primary-nav-left {
    float: left; }
  .primary-nav-right {
    float: right; }
  .nav-toggle {
    display: none; }
  .nav-collapse {
    display: block;
    background: #E7E7E7;
    padding: 20px;
    margin: 0; }
  .nav-collapse li {
    list-style: none;
    margin: 0 3rem 0 0;
    display: inline-block; }
  .nav-collapse li a {
    display: normal;
    color: #0FA0CE;
    padding: 0; }
  .nav-collapse li a:hover {
    background: none; }
  .side-nav {
    display: block; }
  main {
    margin-top: 2rem; }
  .section-options li {
    display: inline-block;
    margin-left: 5rem; } }

/* tooltips container */
.tooltips {
  position: relative;
  display: inline-block;
  padding-left: 5px; }

/* tooltips text */
.tooltips .tooltipstext {
  visibility: hidden;
  width: 220px;
  background-color: #003f72;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltips text */
  position: absolute;
  z-index: 1;
  top: 120%;
  left: 100%;
  margin-left: 8px;
  /* Fade in tooltips */
  opacity: 0;
  transition: opacity 1s; }

/* Show the tooltips text when you mouse over the tooltips container */
.tooltips:hover .tooltipstext {
  visibility: visible;
  opacity: 1; }

/* Tab css */
.tabshadowview {
  background-clip: border-box;
  background-color: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-height: 300px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-top: 1px solid #ccc;
  margin: -1px 0 0 0; }

.shadowview {
  background-clip: border-box;
  background-color: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-top: 10px;
  min-height: 300px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px; }

/* Style the buttons inside the tab */
.tablinks {
  background-color: #efeeef;
  color: black;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1px 16px;
  transition: 0.3s;
  margin-right: -5px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-radius: 0;
  margin: 0 !important; }

/* Change background color of buttons on hover */
div.tab button:hover {
  background-color: white;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-decoration: none !important;
  border-bottom: none; }

/* Create an active/current tablink class */
div.tab button.active {
  background-color: white; }

/* Style the tab content */
.tabcontent {
  display: none; }

.hide {
  display: none; }

.show {
  display: block; }

ul.tree-view li {
  list-style-type: none;
  position: relative; }

ul.tree-view li:hover {
  cursor: pointer; }

ul.tree-view li ul {
  display: none; }

ul.tree-view .folder-name, ul.tree-view .file-row {
  padding: 15px 0;
  border-bottom: 1px solid #E1E1E1; }

ul.tree-view li.open > ul {
  display: block;
  margin-left: 50px; }

ul.tree-view li > .folder:not(:last-child) {
  color: green; }

ul.tree-view li.open > .folder:not(:last-child) {
  color: green; }

.italic {
  font-style: italic; }

.folder-name {
  font-weight: bold; }

.folder-name i {
  color: #D9BB72; }

.faq-question {
  font-weight: bold; }

.faq-question:hover {
  cursor: pointer;
  color: #0FA0CE; }

.faq-answer {
  display: none;
  margin-left: 40px; }

/*=========================================
    Tabs
==========================================*/
.tabs {
  overflow-x: auto;
  white-space: nowrap; }

.tabs li {
  display: inline-block; }

.tabs li a {
  display: inline-block;
  padding: 20px;
  color: #BBB;
  font-size: 12px;
  text-decoration: none; }

.tab-active {
  background: #FFF;
  color: #003f72 !important;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #DDD; }

.tab-content {
  display: none; }

.tab-content.content-active {
  display: block; }

.home-div {
  padding: 0;
  margin-bottom: 0px; }

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

/*flip image on home page start*/
.flip-container {
  perspective: 1000px; }

/* flip the pane when hovered */
.flip-container:hover .flipper, .flip-container.hover .flipper {
  transform: rotateY(180deg); }

.flip-container, .front, .back {
  width: 100%;
  height: 190px;
  margin-bottom: 50px; }

/* flip speed goes here */
.flipper {
  transition: 1s;
  transform-style: preserve-3d;
  position: relative; }

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0; }

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg); }

/* back, initially hidden pane */
.back {
  transform: rotateY(180deg); }

/* flip image on home page end*/
.home-Icon {
  float: left;
  margin-right: 10px;
  color: white; }

.home-title {
  font-size: 50px;
  font-family: 'Courgette', cursive;
  color: white; }

.top-home-square {
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-bottom: 0px;
  padding: 2px;
  background-color: #003f72; }

.bottom-home-back-top {
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-bottom: 0px;
  padding: 0px;
  background-color: #003f72; }

.bottom-home-title {
  background-color: #003f72;
  font-size: 18px;
  font-family: 'Courgette', cursive;
  color: white;
  padding: 0px;
  margin: 0px; }

.bottom-home-square {
  border-style: solid;
  border-width: 1px;
  border-top-width: 0.01em;
  border-radius: 3px;
  padding: 2px;
  color: white;
  background-color: #004680; }

.checkbox {
  margin: 0; }

.checkbox-label {
  text-transform: none !important; }

#dialog a {
  color: #0fa0ce; }

.dashboard-box {
  background: #FFF;
  margin-bottom: 1rem;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.dashboard-padding {
  padding: 3rem; }

.dashboard-header-background {
  background: #F1F1F1;
  position: relative; }

.dashboard-header-background h2 {
  color: #003f72;
  text-align: center;
  margin-bottom: 6rem; }

.dashboard-logo {
  width: 150px;
  height: 150px;
  padding: 1rem;
  position: relative;
  white-space: nowrap;
  text-align: center;
  display: block;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -25%);
  overflow: hidden; }

.logo-home {
  margin-left: -2.5px; }

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.dashboard-logo img {
  width: 100%;
  height: auto;
  vertical-align: middle; }

.dashboard-logo i {
  width: 100%;
  height: auto;
  vertical-align: middle;
  font-size: 8rem;
  text-align: center;
  color: #DDD; }

.dashboard-content {
  padding: 13rem 2rem 2rem 2rem; }

.dashboard-content p {
  text-align: center; }

.ui-datepicker-title select {
  height: unset;
  padding: 0;
  color: #333; }

.no-margin {
  margin: 0; }

table tr:last-child th,
table tr:last-child td {
  border-bottom: 0; }

div .ui-dialog-titlebar-close:hover {
  background-color: firebrick; }

@media only screen and (max-width: 1000px) {
  .hide-on-mobile {
    display: none !important; }
  .primary-nav-left {
    width: 100%; }
  .primary-nav-right li {
    width: 100%; } }

@media only screen and (min-width: 1000px) {
  .hide-on-desktop {
    display: none !important; } }

.vertical-line {
  border-left: 1px solid gray;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 0; }

.contact-list li {
  list-style: none; }
  .contact-list li label {
    display: inline;
    text-transform: none;
    color: #333333; }

@media (max-width: 1000px) {
  .file-parent div {
    display: inline-block;
    width: 25%; } }