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: 2rem;
}

.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: 7rem;
}

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: rgb(0, 63, 114);
  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: rgb(15, 160, 206);
  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;
  min-height: 80px;
}

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: 2rem;
  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: rgb(15, 160, 206);
}

#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 rgb(225, 225, 225);
  border-bottom: 1px solid rgb(225, 225, 225);
  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: rgb(15, 160, 206);
}

.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: rgb(51, 51, 51);
}

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