@charset "utf-8";

/* ----- GENERAL STYLES ----- */
* {
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
html,
body {
  padding: 0;
  margin: 0;
  font-size: 20px;
  line-height: 1.6;
  color: #000;
  font-family: "Barlow", sans-serif !important;
  font-weight: 300;
  min-width: 1200px;
}
.row {
  margin: 0;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding: 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
  line-height: 1.6;
  margin: 0;
}
h1,
h2 {
  font-size: 1.8rem;
  /*padding: 0 1.5rem 1rem;*/
  font-weight: 600 !important;
}
:root {
  --conserveblue: #224994;
  --conservegreen: #009345;
}
a,
a:hover {
  text-decoration: none !important;
}
.container-1200 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.container-900 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
header {
  padding: 0.75rem 1.2rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 9;
}
header .logo img {
  height: 2.5rem;
}
header .menu {
  text-align: right;
  padding: 0.5rem 0;
}
header .menu ul,
header .menu ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8rem;
}
header .menu ul li {
  display: inline-block;
  padding: 0 1rem;
}
header .menu ul li a {
  display: inline;
  color: #000;
  text-decoration: none;
  line-height: 1.5rem;
  transition: 0.5s;
}
header .menu ul li a:hover {
  color: var(--conserveblue);
}
header .menu ul li.highlight a {
  display: inline-block;
  padding: 0 1rem;
  background-color: var(--conserveblue);
  color: #fff;
  border-radius: 0.5rem;
}
header .menu ul li.highlight a:hover {
  background-color: var(--conservegreen);
}
header .menu ul li.user a img {
  width: 1.2rem;
}
.container-480 {
  max-width: 480px;
  margin: 0 auto;
}
#styled-heading{font-weight: 300 !important;}
#styled-heading b, #styled-heading1 b  {
  font-weight: 600 !important;
  color: var(--conserveblue);
}
.homebannercol{padding:1.2rem;}
.homebannercol-inner{background-color:rgba(255,255,255,0.6);border-radius:1.5rem;height:24rem;overflow:hidden;position:relative;}
.homebannercol-form .homebannercol-inner{background-color:rgba(255,255,255,0.8);height:auto;overflow:visible;}
.homebannercol-inner h2{font-size:1.6rem;text-shadow:2px 2px 4px rgba(0,0,0,0.5);color:#fff;font-weight:500;padding:0 0 1rem;margin:0;}
.homebannercol-form .homebannercol-inner h2, .section-title, .welcome-note{color:#000;text-shadow:none;}
.section-title{font-size: 20px;color: #000;text-shadow: none;font-weight: normal;text-align: center;}
h2.welcome-note{font-size: 28px;color: #000;text-shadow: none;font-weight: 600 !important;padding-bottom: 0;text-align: center;}
.homebannercol-inner-main{height:24rem;padding:4.5rem 2.5rem 2.5rem;}
.homebannercol-form .homebannercol-inner-main{height:auto;}
.homebannercol-form .homebannercol-inner-main{padding:2.5rem;}
.homebannercol-form label{color:#000;}
.homebannercol-form input[type=text],.homebannercol-form input[type=password],.homebannercol-form select,.homebannercol-form input[type=email]{border-color:#000;}
.homebannercol-small{width:25%;}
.homebannercol-small .homebannercol-inner{padding:1.5rem;border:1px solid #fff;background-color:transparent;display:flex;align-items:center;}
.homebannercol-small .homebannercol-inner h3{color:#fff;font-size:1.5rem;}
.register.mainbanner,  .login.mainbanner{
    padding: 2rem 0 4rem;
    background: url(../images/mainbg.png) center center no-repeat;
    background-size: cover;
    min-height: calc(100vh - 4rem);
}
.mainbanner {
  position: relative;
  padding: 4.5rem 0;
  background: url(../images/innerbg.png) center center no-repeat;
  background-size: cover;
  padding: 2.5rem 0 1rem;
}
.mainbanner .stripe-blue {
  width: 100%;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--conserveblue);
}
.register.mainbanner .stripe-green, .login.mainbanner .stripe-green{
  display: block;
}
.mainbanner .stripe-green {
  width: 50%;
  height: 1.5rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--conservegreen);
  display: none;
}
.mainbanner h1 {
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.ctabutton {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: 0.5rem 1.5rem;
  color: #fff;
  font-weight: 500;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  transition: 0.5s;
}
.ctabutton-blue,
.ctabutton-small-blue {
  background-color: var(--conserveblue);
  border: 1px solid var(--conserveblue);
}
.ctabutton-blue:hover,
.ctabutton-small-blue:hover {
  background-color: transparent;
  color: var(--conserveblue);
  text-shadow: none;
}
.ctabutton-small {
  display: inline-block;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 0.4rem 1.2rem;
  color: #fff;
  font-weight: 500;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 0.5rem;
  transition: 0.5s;
}
.ctabutton-blue {
  background-color: var(--conserveblue);
  border: 1px solid var(--conserveblue);
}
.ctabutton-blue:hover {
  background-color: transparent;
  color: var(--conserveblue);
  text-shadow: none;
}
button.ctabutton-small.ctabutton-small-blue {
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}
.dynamic-rows {
  padding-left: 0;
  padding-right: 0;
}

.main {
  position: relative;
  transition: 0.5s;
  padding-left: 3rem;
}
.main.sidebaropen {
  padding-left: 360px;
}
.projsidebar {
  height: 100%;
  width: 360px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #f6f6f6;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 1.5rem;
  text-align: center;
}
.projsidebar h3 {
  color: var(--conserveblue);
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 1.5rem;
}
.sidebartoggle {
  position: absolute;
  top: 1rem;
  z-index: 9;
  color: #000;
  cursor: pointer;
}
#closesidebar {
  left: 320px;
}
#opensidebar {
  top: 0;
  left: 0;
  display: none;
  font-size: 1rem;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--conserveblue);
  line-height: 1rem;
  height: 100%;
  background-color: #f6f6f6;
  padding: 1.5rem 1rem;
}
#opensidebar img {
  margin: 0 0 0.5rem -0.5rem;
}
.projectslist {
  padding: 1.5rem 0;
}
.projectslist ul,
.projectslist ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.projectslist ul li a {
  display: block;
  font-size: 1.2rem;
  line-height: 2rem;
  padding: 0.5rem 1.5rem;
  text-align: center;
  transition: 0.5s;
  color: #000;
}
.projectslist ul li a:hover {
  background: #ddd;
}
.projectslist ul li.active a,
.projectslist ul li.active a:hover {
  background: #fff;
}
ul#project-list li.active a {
    font-weight: bold;
}

#contentsection {
}
nav.submenu {
  text-align: center;
  padding: 0.7rem 1.5rem;
  width: 100%;
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 0;
  z-index: 9;
  background: #fff;
}
nav.submenu ul,
nav.submenu ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav.submenu ul li {
  display: inline-block;
  padding: 0 1.2rem;
}
nav.submenu ul li a {
  font-size: 0.8rem;
  font-weight: 300;
  color: #000;
}
nav.submenu ul li a:hover {
  color: var(--conserveblue);
}
nav.submenu ul li.active a,
nav.submenu ul li.active a:hover {
  font-weight: bold;
  color: #000;
}
.contentarea {
  padding: 3rem;
}

label {
  font-size: 0.8rem;
  color: #999;
  margin: 0;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="tel"],
select {
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #bbb;
  background-color: transparent;
  outline: none;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.8rem;
  padding: 0 0.5rem;
}
input[type="submit"] {
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

.formcontainer {
  background: #f6f6f6;
  padding: 1.5rem 3rem;
  border-radius: 1.5rem;
  font-size: 0.8rem;
}
.formrow {
  justify-content: center;
}
.formcol {
  padding: 0.25rem 0.75rem;
}
.formrowdynamic {
  background: #eee;
  border-top: 2px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin: 1rem 0 0.5rem !important;
}
.formrowdynamic .formcol {
  border-bottom: 1px solid #bbb;
  padding: 0 0.75rem;
  font-size: 0.8rem;
  line-height: 2rem;
}
.formrowdynamic .formcol input[type="text"],
.formrowdynamic .formcol input[type="email"],
.formrowdynamic .formcol input[type="tel"],
.formrowdynamic .formcol select {
  border: none;
}

.projid p {
  padding: 0.5rem 1.5rem;
  line-height: 2rem;
}

.notes {
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  font-size: 0.6rem;
}
.notes a.collapsebutton {
  display: block;
  padding: 0 1.5rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #000;
  background: url(../images/button-collapse.png) calc(100% - 1.5rem) center
    no-repeat;
}
.notes a.collapsebutton.collapsed {
  background-image: url(../images/button-expand.png);
}
.notes #collapseNotes p,
.notes #collapseNotes ol li {
  padding-bottom: 0.4rem;
  line-height: 1.2;
}

.datatable {
  padding-top: 4rem;
}
.tableheader,
.modal-header,
div#deleteProjectModal .modal-header {
  background: var(--conserveblue);
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  padding: 0.2rem 1.5rem;
}
.tableheader h3,
.modal-header h3 {
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
}
.tablebuttons {
  padding: 0 0 0.4rem;
  text-align: right;
}
.tablebuttons select {
  width: 8rem;
  line-height: 1.2rem;
  height: 1.2rem;
  border-radius: 0.5rem;
  font-size: 0.6rem;
  color: var(--conserveblue);
  background: #fff;
  padding: 0 0.25rem;
  border: 1px solid #fff;
  margin-right: 0.5rem;
}
.tablebuttons button,
.modal-footer button {
  line-height: 1.2rem;
  height: 1.2rem;
  border-radius: 0.5rem;
  font-size: 0.6rem;
  color: var(--conserveblue);
  background: #fff;
  padding: 0 0.5rem;
  border: 1px solid #fff;
}
.tablebuttons select:hover,
.tablebuttons button:hover {
  background-color: var(--conserveblue);
  color: #fff;
}
.modal-footer button {
  background: var(--conserveblue);
  color: #fff;
  border: 1px solid var(--conserveblue);
}
.modal-footer button:hover {
  background-color: #fff;
  color: var(--conserveblue);
}
.datatable table {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  font-size: 0.5rem;
  text-align: center;
}
.datatable table th {
  background-color: #f6f6f6;
  font-weight: bold;
}
.datatable table th,
.datatable table td,
.modal-content table th,
.modal-content table td {
  padding: 0.5rem;
}
.table {
  margin: 0;
}

.lowergrey {
  background-color: #dddddd;
  padding-bottom: 4rem;
}
.lowerwhite {
  background-color: #fff;
  border-top: 1px solid #ddd;
  padding: 3rem 0 4rem;
}
.lowerwhite h2 {
  font-size: 1.2rem;
  color: var(--conserveblue);
  text-align: center;
}
.lowerwhite .datatable {
  padding: 1.5rem 0;
}
.lowerwhite .datatable .table,
.lowerwhite .datatable .table th,
.lowerwhite .datatable .table td {
  background-color: #f6f6f6;
}
.lowerwhite .datatable .tableheader h3 {
  text-align: center;
}
.lowergrey table tr {
  position: relative;
}
.lowergrey table td.overlay {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 0.5rem 0;
}
.lowergrey table td.overlay button {
  display: inline-block;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  color: var(--conserveblue);
  background: #fff;
  border: 1px solid #fff;
  transition: 0.5s;
}
.lowergrey table td.overlay button:hover {
  background: transparent;
  color: #fff;
}
.lowergrey table tr:hover td.overlay {
  display: block;
}
.lowerwhitecol {
  padding: 0 1.5rem !important;
}

.modal-dialog {
  width: 1200px;
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  width: 360px;
}
.modal-content {
  border-radius: 1.5rem;
  max-height: calc(100vh - 3rem);
  overflow: scroll;
}
.modal-dialog-sm .modal-header {
  background: #fff;
  padding: 1rem 1.5rem;
  border: none;
}
.modal-header .btn-close {
  color: #fff;
  background: none;
  font-size: 2rem;
  padding: 0;
  margin: 0 0 0 auto;
  line-height: 0.5rem;
  height: auto;
  width: auto;
  display: inline-block;
}
.modal-dialog-sm .modal-header h3,
.modal-dialog-sm .modal-header .btn-close {
  color: var(--conserveblue);
}
.modal-body {
  padding: 0;
}
.modal-dialog-sm .modal-body {
  padding: 0 2rem 3rem;
}
.modal-content table th {
  position: sticky;
  top: 0;
}
.modal-dialog-sm .modal-body label {
  text-align: left;
  font-size: 0.7rem;
  color: #000;
  font-weight: 500;
  padding-top: 1rem;
  width: 100%;
}
.modal-dialog-sm .modal-body input[type="text"]:disabled {
  background-color: #eee;
}
.modal-dialog-sm .modal-body input[type="submit"] {
  margin-top: 1rem;
  background-color: var(--conserveblue);
  color: #fff;
  border-radius: 0.5rem;
  transition: 0.5s;
  padding: 0 2rem;
  font-size: 0.8rem;
  line-height: 2rem;
  height: 2rem;
  border: 1px solid var(--conserveblue);
}
.modal-dialog-sm .modal-body input[type="submit"]:hover {
  background-color: transparent;
  color: var(--conserveblue);
}
.modal-footer {
  padding: 0.5rem 1.5rem;
  position: sticky;
  bottom: 0;
  background-color: #eee;
  border-top: 1px solid #ddd;
}

.tablenav {
  text-align: center;
  padding: 0.5rem 0;
  position: sticky;
  top: 61px;
  margin-top: 2rem;
  background:#fff;
}
.tablenav a,
.datatable button.adddwelling {
  display: inline-block;
  padding: 0 2rem;
  font-size: 0.8rem;
  line-height: 2rem;
  height: 2rem;
  background-color: var(--conserveblue);
  color: #fff;
  border-radius: 0.5rem;
  margin: 0 1.5rem;
  border: 1px solid var(--conserveblue);
  transition: 0.5s;
  width: auto;
}
.tablenav a:hover,
.datatable button.adddwelling:hover {
  background-color: transparent;
  color: var(--conserveblue);
}

.datatablecalc {
  text-align: center;
}
.datatablecalc h2 {
  font-size: 1.2rem;
  color: var(--conserveblue);
  text-align: center;
}
.datatablecalc input[type="submit"] {
  margin-top: 0;
}
.datatablecalc .tabletitle h3 {
  text-align: left;
}
.datatablecalc .table {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  margin-bottom: 3rem;
}
.datatablecalc .table th,
.datatablecalc .table td {
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  padding:0.15rem;
}
.datatablecalc .table td.auto-populate, .datatable.window-schedule td.auto-populate{background:#eee;}
.datatablecalc .table th {
  background-color: #fff;
}
.datatablecalc .table .theadupper th {
  font-size: 0.8rem;
  padding: 0.5rem;
  color: var(--conserveblue);
  background: #eee;
}
.datatablecalc .table th.subtitle {
  color: var(--conserveblue);
  font-weight: bold;
  background: #eee;
}
.table tfoot td {
  background-color: #eee;
}
.table tfoot td.totalcountblue {
  background-color: var(--conserveblue);
  color: #fff;
  font-weight: bold;
}
.table tfoot .tfoot2 td {
  background-color: #999;
  color: #fff;
}
.table tfoot td.totalcountgreen {
  background-color: #009345;
  color: #fff;
  font-weight: bold;
}
.table tfoot td.totalcountred {
  background-color: #ed1c24;
  color: #fff;
  font-weight: bold;
}
.table a {
  color: #000;
}
.formcol ul.text-red-600 {
  list-style: none;
  font-size: 12px;
  color: #d00;
  padding:0;
  margin:0;
}
.notes-label{
  font-weight: bold;
}

/*new css*/
.door-window-dropdown,
.door-window-type-dropdown {
  width: 8rem;
  line-height: 1.2rem;
  height: 1.2rem;
  border-radius: 0.5rem;
  font-size: 0.6rem;
  color: var(--conserveblue);
  background: #fff;
  padding: 0 0.25rem;
  border: 1px solid #fff;
  margin-right: 0.5rem;
  text-align: center;
}
.door-window-type-dropdown-calc,
.space-type-dropdown,
.obstruction-angle-dropdown,
.vlt-dropdown {
  width: auto;
  line-height: 1.2rem;
  height: 1.2rem;
  border-radius: 0.5rem;
  font-size: 0.6rem;
  color: var(--conserveblue);
  background: #fff;
  padding: 0 0.25rem;
  border: 1px solid #fff;
  margin-right: 0.5rem;
  text-align: center;
}
button.btn.btn-sm.btn-danger.delete-row-btn,
button.btn.btn-sm.btn-danger.delete-row-btn-calc, .delete-subrow-btn, .delete-glazing-btn {
  font-size: 0.6rem;
  background: transparent;
  color: red;
  border: unset;
}
td[contenteditable="true"]:empty:before {
  content: attr(data-placeholder);
  color: #aaa;
  font-style: italic;
  pointer-events: none;
}

/* Hide placeholder when the cell is focused */
td[contenteditable="true"]:focus:before {
  content: "";
}

.lowerwhite.result{
  border-top: unset;
  padding: 0;
} 
.resultssummary{padding:3rem 0;}
.resultssummary h2{padding-bottom:0;}
.datatable.resultsummarytable{max-width:900px;margin:0 auto;}
.datatable.resultsummarytable .row .tableheader{border-bottom:1px solid #fff;}
.datatable.resultsummarytable .row .tableheader:last-child{border-bottom:1px solid #bbb;}
.datatable.resultsummarytable .row:last-child .tableheader{border-bottom:none;}
.datatable.resultsummarytable .tableheader{border-radius:0;}
.datatable.resultsummarytable .row:first-child .tableheader:first-child{border-top-left-radius:1.5rem;}
.datatable.resultsummarytable .row:last-child .tableheader:first-child{border-bottom-left-radius:1.5rem;}
.datatable.resultsummarytable .row .tableheader:last-child{background:#eee;}
.datatable.resultsummarytable .row .tableheader:last-child h3{color:#224994;}
.datatable.resultsummarytable .row:first-child .tableheader:last-child{border-top-right-radius:1.5rem;}
.datatable.resultsummarytable .row:last-child .tableheader:last-child{border-bottom-right-radius:1.5rem;}
.main.calc-tab-open.sidebaropen {
  padding-left: 0;
}
input[type=number] {
  -moz-appearance: textfield;      /* Firefox */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;        /* Chrome, Safari, Edge */
  margin: 0;
}
div#deleteProjectModal .modal-content {
  max-height: 100%;
  overflow: hidden;
  border-radius: 1.5rem;
}
.filter-input{
  margin-left: 1rem;
  margin-right: 1rem;
}
.filters{
  justify-content: center;
}
.update-success{
  color: #059549;
  font-size: 18px;
  font-weight: bold;
  padding-left: 16px;
  padding-bottom: 10px;
}
.dropdown-menu {
  top: 100%;
  display: none;
  position: absolute;
  right: 0;
  background: white;
  border: 1px solid #ddd;
  min-width: 150px;
  padding: 10px 0;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  z-index: 1000;
}

/* Show submenu on hover */
.dropdown:hover .dropdown-menu {
  display: block;
}
li.user.dropdown .dropdown-toggle::after{
  display: none;
}
.dropdown-menu li {
  width: 100%;
  white-space: nowrap;
}

.dropdown-menu li a {
  color: #333;
  text-decoration: none;
}

.dropdown-menu li:hover {
  background: #f3f3f3;
}

.dropdown-menu li a {
  width: 100%;
  display: block;
}
.result {
  text-align: center;
}
p#epiResult, #resultContainer h4, #ratingTxt {
  color: #224994;
  font-weight: bold;
}
.delete-glazing-btn{
  position: relative;
  z-index: 5;
  background: transparent;
  color: red;
}
.delete-glazing-btn:hover{
  color: red;
  background-color: unset;
  border-color: unset;
}

/*--------------------*/

.logo-sec
{
  width: 250px !important;
}

.head_link {
  font-size: 0.8rem;
  font-weight: 600;
  color: #000;
}

.head_link:hover {
  color: #009345;
}

.head_link.active {
    background-color: #224994; /* Your blue */
    color: #fff;
}
.dataTables_wrapper .dataTables_length select {
    padding-right: 28px !important;
}
.dataTables_wrapper {
  overflow: auto;
  font-size: 15px;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate
{
  font-size: 15px;
}

.dataTables_wrapper .dataTables_length select
{
  width: 100px;
}

/*.btn.btn-sm.btn-primary {
  background: #224994;
  border-color: #224994;
}*/

.btn.btn-sm.btn-primary:hover {
  background: #1a3872;
  border-color: #1a3872;
}

.table-content {
  display: flex;
  gap: 5px;
}

/*table th
{
  font-size: 18px;
}

table td
{
  font-size: 15px;
}*/