h1,
h2,
h3,
h4,
h5 {
  font-family: "Montserrat", sans-serif;
}

a.active  {
  color: #fff !important;
}

label.btn.btn-primary.toggle-on,
label.btn.btn-default.active.toggle-off {
  line-height: 1 !important;
}

label.btn.btn-default.active.toggle-off {
  background: lightgray;
  border-radius: 5px;
  color: #181818;
}

/********* USERS SETTINGS PAGE ************/

.sidebar-item {
  margin-top: 1em;
}

.user-settings-card {
  width: 20%;
  height: 30em;
}

.user-settings-card i {
  margin-right: 0.25em;
  text-align: center;
}

.full-width-menu {
  width: auto !important;
}

.btn {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}

/********* INVOICES PAGE ************/

.invoices-row i {
  font-size: 3em;
}

.invoices-row .row {
  align-items: center;
}

.invoices-row .total-unpaid,
.invoices-row .total-invoices {
  border-right: 1px solid lightgrey;
  /* padding: 0 1em; */
}

.invoices-row .invoice-card {
  margin-top: 1em;
}

.invoices-row .invoice-card h1,
.invoices-row .invoice-card h2,
.invoices-row .invoice-card h3,
.invoices-row .invoice-card h4,
.invoices-row .invoice-card h5,
.invoice-card p,
.color-h5 {
  color: #23374d;
}

.results-card {
  margin: 0 auto;
  width: 100%;
}

.invoice-card {
  background: #fff;
  border: 0;
  padding: 10px;
}

.invoice-card .card-header {
  background: transparent;
  border: 0;
}

.invoice-no-padding {
  padding: 0;
  margin: 0 !important;
}

.invoice-bold {
  font-weight: bold;
}

.invoice-bold-title {
  font-weight: bold;
  margin-bottom: 0;
}

.invoices-row .collapse,
.invoices-row .collapsing {
  border-top: 1px solid lightgray;
}

.invoices-row .inline {
  display: inline-block;
}

.invoices-row .inline i {
  font-size: 1.5em;
  line-height: 1.5em;
}

.invoice-card p {
  margin-top: 0.75em;
}

.header-margin i {
  margin: 1em !important;
}

body,
p,
a {
  font-family: "Open Sans", sans-serif;
}

.navbar-default {
  background: #252835;
}

.search-term-result:hover {
  color: #1e776d;
  cursor: pointer;
}

.alert-success {
  color: #155724 !important;
  background-color: #d4edda !important;
  border-color: #c3e6cb !important;
}

.a-link {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

.a-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

#profiles-pool .assign-profile-card .col-pad {
  margin-top: 5em;
}

#fileToUpload {
  color: #252835;
}

.valid-check {
  color: #1e776d;
  margin: 0.25em;
}

.invalid-exclamation {
  color: #b95a43;
  margin: 0.25em;
}

#collapseDates {
  transition: 0.25s all;
}

/********* LOGIN **********/

.login-logo {
  width: 40%;
  margin: 4em auto 0.25em auto;
}

/***** MODAL STYLES *******/

.modal-content {
  background-color: #fff !important;
  color: #252835 !important;
  text-align: center !important;
  border: 0 !important;
}

.modal-header {
  border-bottom: 2px solid #eeeef1 !important;
}

.modal-header h5 {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

.modal-icon {
  text-align: center !important;
  margin: 0.75em auto 0.25em auto;
  display: inline-block;
}

.modal-icon.delete i {
  color: #e76f51 !important;
}

.modal-icon.new-profile i {
  color: #2a9d8f !important;
}

.modal-header i {
  text-align: center;
  display: block;
  margin: 0 auto;
}

.assign-sitelists {
  color: #252835;
}

/***** NAVIGATION STYLES *******/
.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.sidebar-dropdown.indent {
  margin-left: 45px;
}

.sidebar .copyright {
  font-size: 12px;
  text-align: center;
  color: #fff;
  display: block;
  bottom: 2%;
  position: absolute;
}

/* The sidebar menu */
.sidebar {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #252835; /* Black*/
  transition: 0.1s; /* 0.5 second transition effect to slide in the sidebar */
}

.sidebar .logo {
  width: 90%;
  margin-top: 1.5em;
}

.darken {
  color: #252835 !important;
}

.sidebar .account-settings {
  top: 75%;
  position: absolute;
  transition: 0.25s ease-in-out all;
  left: 25%;
}
.dropright a::after {
  display: none;
}
a.dropright::after {
  display: none;
}
a .dropright::after {
  display: none;
}

.sidebar .account-settings::after {
  display: none;
}

.sidebar .logo:hover {
  opacity: 0.75;
}

.sidebar-wrapper .sidebar-dropdown .logo > a:after {
  content: "";
}

.sidebar-wrapper .sidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 8px 30px 8px 20px;
}

.sidebar-wrapper ul li i {
  margin-right: 10px;
  font-size: 16px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  background: #3a3f48;
}

.sidebar-wrapper span {
  margin-left: 0.25em;
}

.sidebar-wrapper .sidebar-dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 20px;
  margin-top: 4px;
}

.sidebar-wrapper .sidebar-dropdown-close > a:after,
.sidebar-wrapper .sidebar-dropdown-close .logo > a:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 20px;
}

.sidebar-search {
  text-align: center;
  margin: 1em 0;
}

.nav-search {
  padding: 5px;
}

#content-wrapper {
  padding: 50px;
}

.same-height {
  display: flex;
  flex-direction: column;
}

.same-height div {
  flex-grow: 1;
}

.site-sub-head {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  vertical-align: middle;
  align-items: center;
}

.site-sub-head i {
  margin: 1em 1em 0 1em;
}

.site-sub-head-list {
  background: #fff;
  width: 100%;
  margin: 0 auto;
  vertical-align: middle;
  align-items: center;
}

.site-sub-head-list i {
  margin: 0.5em;
}

.sub-head-support-text {
  padding: 0px 15px 15px 15px;
  margin-bottom: 0;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #252835;
}

.dropdown-item:hover {
  background-color: #f5f6fa;
  color: #252835;
}

.site-sub-head h2,
th,
.sub-head-support-text,
.sub-head-support-text ul li,
.sub-head-list li {
  color: #252835;
}

.border-radius {
  border-radius: 15px;
  box-shadow: 0px 5px 20px rgba(112, 144, 179, 0.1);
  border: 0;
}

.navbar.static-top {
  background: transparent;
  border-bottom: 0;
  color: #fff;
  padding: 0.25em;
}

.nav-item i {
  color: #fff;
}

body {
  overflow-x: hidden;
}

.btn {
  border-radius: 5px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  transition: 0.25s ease-in-out all;
  text-decoration: none !important;
}

.arrow-animation {
  position: absolute;
  top: -80%;
  left: 20%;
  height: 760px;
}

.overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.501);
  position: absolute;
  top: 0;
  left: 0;
}

.overlay-other {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.501);
  border-radius: 15px 0px 0px 15px;
}

.overlay-backwards {
  color: #fff;
  border-radius: 15px 0px 0px 15px;
  z-index: 999;
}

.site-sub-head a {
  text-decoration: none !important;
}

.btn.btn-transparent {
  background: transparent !important;
  color: #23374d !important;
  cursor: pointer;
}

.btn:hover {
  background-blend-mode: darken;
}

.button-container {
  text-align: right;
}

.btn.green {
  background-color: #2a9d8f !important;
}

.btn.blue {
  background-color: #264653 !important;
}

.btn.red {
  background-color: #e76f51 !important;
}

.u-userLauncherColor:not([disabled]),
button.wrapper-AtBcr.u-isActionable.u-textLeft.u-inlineBlock.u-borderNone.u-textBold.u-textNoWrap.Arrange.Arrange--middle.u-userLauncherColor {
  background: orange !important;
}

.btn.orange {
  background-color: #f4a261;
}

.btn i {
  margin-right: 0.25em;
  font-size: 1em;
}

.btn.dark-blue,
.page-item.active .page-link {
  background: #292f36 !important;
}

.btn.yellow {
  background: #e9c46a;
}

.btn.green:hover {
  background-color: #1e776d !important;
}
.btn.blue:hover {
  background-color: #182b33 !important;
}
.btn.red:hover,
.u-userLauncherColor:not([disabled]):hover {
  background-color: #b95a43 !important;
}
.btn.dark-blue:hover {
  background: #1e2225 !important;
}

.btn.orange:hover {
  background-color: #c0824f;
}

.btn.yellow:hover {
  background: rgb(153, 129, 67);
}

.btn-alerts .btn {
  color: #fff !important;
  margin-right: 0.25em;
}
.multi-collapse,
.collapse {
  cursor: pointer !important;
}

.col-pad {
  padding: 7px;
}

/**** AD LIST MANAGE *****/

.hide-value::after {
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  display: none;
  width: 3em;
}

.hide-value:hover.hide-value::after {
  display: inline-block;
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  margin-left: 1em;
  opacity: 0.6;
  color: #23374d;
}

.hide-list::after {
  content: "\f070";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  display: none;
  width: 3em;
}

.hide-list:hover.hide-list::after {
  display: inline-block;
  content: "\f070";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  margin-left: 1em;
  opacity: 0.6;
  color: #23374d;
}

.editname::after {
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  display: none;
  width: 3em;
}

.edit-name:hover.edit-name::after {
  display: inline-block;
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  margin-left: 1em;
  opacity: 0.6;
  color: #23374d;
}

/**** SITE LIST MANAGE *****/
.site-list-table tr td,
.site-list-table thead {
  padding: 15px;
  vertical-align: middle;
  border: 0;
}
/* 
.site-list-table td .btn,
.unique-lines-table .btn {
  padding: 3px 20px;
  margin-right: 0.75em;
} */

.site-list-table tr.even {
  background: #f5f6fa;
}

.site-list-table .fixed-height-expand {
  width: 15em !important;
}

.unique-lines-table .fixed-height-expand {
  width: 15em !important;
}

/**** LOGIN *****/

.login-card {
  background: #fff;
  margin: 0 auto;
  vertical-align: middle;
  align-items: center;
}

.login-card .card-body {
  width: 60%;
}

.login-card h5 {
  margin: 1.75em auto;
}

.login-errors {
  padding: 10px;
  border-radius: 5px;
}

.bck-site-btn {
  color: #fff;
}

.bck-site-btn:hover {
  color: #fff;
}

.noProfiles {
  color: #23374d;
  text-align: center;
}

/**** DASHBOARD *****/
.dashboard-card {
  background-color: #fff;
  padding: 20px;
}

.dashboard-search {
  background: #fff;
  border: 0;
  padding: 0.5em;
  width: 25%;
}

.dashboard-search:focus {
  outline: none;
  box-shadow: 0px 0px 2px #252835;
}

.dashboard-card .card-header {
  padding: 0.5em;
  background: transparent;
  border-bottom: 2px solid #eeeef1;
}

.dash-small {
  width: 95%;
  margin: 0 auto;
}

.dash-title,
.site-issue-card,
.dashboard-card .card-header h5 {
  color: #252835;
}

.site-issue-card tr.even {
  background: #f5f6fa;
}

.site-issue-card {
  border: 0;
}

.site-issue-card .card-header {
  background-color: transparent;
}

.site-issue-card tr,
.site-issue-card .odd,
.site-issue-card .even {
  border: 0 !important;
  border-style: none !important;
  vertical-align: middle;
}

.site-issue-card table {
  border: none;
}

.site-issue-card td {
  border: 0;
  vertical-align: middle;
}

.table thead th {
  border: 0;
}

.no-data {
  color: #23374d;
}

/**** UPDATE ADS.TXT *****/
.update-ads h4,
.copy-ads h4 {
  color: #252835;
}

/**** ASSIGN ADS.TXT PROFILES TO SITELISTS *****/

.assign-profile-card {
  background-color: #fff;
  padding: 20px;
  height: 15em;
  width: 15em;
  margin: 0.5em;
}

.assign-profile-card h5 {
  color: #252835;
}

.draggable-profile-card {
  z-index: 999;
  transform-origin: "50% 50%";
}

.filter-option-inner-inner {
  color: #23374d;
}

.select-container label {
  color: #23374d;
  display: block;
}

/****** SEARCH RESULTS *********/
.profile-results h2,
.site-list-result h2,
.unique-line-results h2 {
  color: #252835;
  margin-bottom: 1em;
}

.profile-results i,
.site-list-result i,
.unique-line-results i {
  margin: 0em 0.75em 0 0.75em;
}

.profile-results,
.site-list-result,
.unique-line-results,
.result-title {
  padding: 15px;
  color: #252835;
}

.search-term-result {
  padding: 1em 0;
  border-bottom: 2px solid #eeeef1;
}

.search-term-result:first-of-type {
  padding-top: 0 !important;
}

/**** SITELISTS.PHP *****/

.site-list-site-name {
  display: inline-block;
  color: #252835;
}

.site-list-site-name img {
  display: inline-block;
}

.site-list-list h5 {
  color: #252835;
  margin: 1em auto;
  padding: 20px 20px 10px 20px;
}

.manage-site-list-list h5 {
  color: #252835;
  margin: 0 auto;
  padding: 20px 20px 10px 20px;
}

.manage-site-list-list p {
  color: #252835;
}

.no-sites h3,
.no-sites h2,
.no-sites h4,
.no-sites p {
  color: #23374d;
}

.no-sites .add {
  color: #1e776d !important;
}

/* .manage-site-list-list .indent {
  padding: 0px 0px 10px 20px;
} */

.site-list-list .card-header-list {
  padding: 0.25em;
  background: transparent;
  border-bottom: 2px solid #eeeef1;
  margin-bottom: 1em;
}

.card-header-supporting {
  padding: 0 2em;
}

/**** ALERTS *****/

.alert-table {
  color: #23374d;
}

/**** USER SETTINGS *****/

.user-settings {
  padding: 20px;
}

.user-settings h5,
.user-settings label {
  color: #23374d;
}

.user-settings .card-header {
  padding: 0.5em;
  background: transparent;
  border-bottom: 2px solid #eeeef1;
  margin-bottom: 1em;
}

/**** SEND ADS.TXT *****/

.send-ads {
  padding: 20px;
}

.send-ads label {
  color: #23374d;
}

/**** CUSTOM SERVICE *****/

.customer-service {
  color: #23374d;
}

.customer-service-card {
  padding: 50px 20px;
}

.customer-service-table tr {
  margin-top: 1em;
}

.icon-holder {
  height: 5em;
  width: 5em;
  margin: 1em auto;
  border-radius: 100px;
  padding-top: 1.5em;
  color: #fff;
  color: #1e2225;
}

.icon-holder i {
  border-radius: 100px;
  margin: auto;
  font-size: 2em;
  color: #fff;
}

.icon-holder.green {
  background-color: #2a9d8f;
}

.icon-holder.orange {
  background-color: #f4a261;
}

.icon-holder.yellow {
  background-color: #e9c46a;
}

.icon-holder.blue {
  background-color: #264653;
}

/**** COPY ADS *****/
.copy-ads label {
  color: #23374d;
}

/**** MODALS *****/

#assign_site_modal .modal-body {
  min-height: 12.5em;
}

#assign_site_modal button.multiselect.dropdown-toggle.btn.btn-default,
.copy-ads button.multiselect.dropdown-toggle.btn.btn-default {
  background-color: #252835;
  color: #eeeef1;
  min-width: 20em;
}

#assign_site_modal .multiselect-container,
#assign_site_modal input[type="checkbox"] {
  color: #23374d;
}

/* The sidebar links */
.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  color: #adacac;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidebar a:hover {
  color: #ffffff;
}

.sidebar a i {
  transition: 0.15s ease-in-out all;
}
.sidebar a:hover i {
  color: #ffffff;
  transform: scale(1.25);
}

/* Position and style the close button (top right corner) */
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 38%;
  font-size: 36px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

td .btn {
  margin-top: 0.25em !important;
  margin-bottom: 0.25em !important;
}



/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left 0.5s; /* If you want a transition effect */
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {
    padding-top: 15px;
  }
  .sidebar a {
    font-size: 18px;
  }



}

/* Small only */
@media screen and (max-width: 39.9375em) {
  td .btn {
    margin-top: 0.5em !important;
  }
  #mySidebar {
    overflow-y: scroll !important;
    height: 100%;
  }


  .sidebar .copyright {
    font-size: 12px;
    text-align: center;
    color: #fff;
    display: block;
    bottom: -185px;
    position: absolute;
}

}


/* Medium and up */
@media screen and (min-width: 40em) {

}

/* Medium only */
@media screen and (min-width: 40em) and (max-width:80.9375em) {
  td .btn {
    margin-top: 0.5em !important;
  }

  #mySidebar {
    overflow-y: scroll !important;
    height: 100%;
  }

  #mySidebar {
    overflow-y: scroll !important;
    height: 100%;
  }

  .sidebar .copyright {
    font-size: 12px;
    text-align: center;
    color: #fff;
    display: block;
    bottom: -185px;
    position: absolute;
}
}

/* Large and up */
@media screen and (min-width: 64em) {
  td .btn {
    margin-top: 0em !important;
  }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  td .btn {
    margin-top: 0.5em !important;
  }
}

.hwt-container {
  display: inline-block;
  position: relative;
  overflow: hidden !important;
  -webkit-text-size-adjust: none !important;
}

.hwt-backdrop {
  position: absolute !important;
  top: 0 !important;
  right: -99px !important;
  bottom: 0 !important;
  left: 0 !important;
  padding-right: 99px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff;
}

.hwt-highlights {
  width: auto !important;
  height: auto !important;
  border-color: transparent !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  color: transparent !important;
  overflow: hidden !important;
}

.hwt-input {
  display: block !important;
  position: relative !important;
  margin: 0;
  padding: 0;
  border-radius: 0;
  font: inherit;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.hwt-content {
  border: 1px solid;
  background: none transparent !important;
}

.hwt-content mark {
  padding: 0 !important;
  color: inherit;
}

.highlight-text {
  background: red;
}

li.alert-danger::marker {
  display: none;
}

th {
  white-space: nowrap;
}

.infi-scroll-container tr {
  display: none;
}

.button-dash-container {
  margin: 0 auto;
  text-align: center;
}