/*******************VLOCITY CSS**********************/

/*BRAND COLORS*/
.vlocity-light-blue {
  background-color: #009cdb !important;
}
.vlocity-blue {
  background-color: #003a5d !important;
}
.vlocity-pale-blue {
  background-color: #c9e7f6 !important;
}
.vlocity-grey {
  background-color: #53555c !important;
}
.vlocity-orange {
  background-color: #f16a24 !important;
}
.vlocity-yellow {
  background-color: #f8ca56 !important;
}
.vlocity-red {
  background-color: #d03138 !important;
}
.vlocity-green {
  background-color: #559442 !important;
}
.vlocity-purple {
  background-color: #6f5aa6 !important;
}

/*BRAND COLORS FOR TEXT*/
.vlocity-light-blue-text {
  color: #009cdb !important;
}
.vlocity-blue-text {
  color: #003a5d !important;
}
.vlocity-pale-blue-text {
  color: #c9e7f6 !important;
}
.vlocity-grey-text {
  color: #53555c !important;
}
.vlocity-orange-text {
  color: #f16a24 !important;
}
.vlocity-yellow-text {
  color: #f8ca56 !important;
}
.vlocity-red-text {
  color: #d03138 !important;
}
.vlocity-green-text {
  color: #559442 !important;
}
.vlocity-purple-text {
  color: #6f5aa6 !important;
}

/*Login Page Customization*/
.login-bg {
  background-image: url(/images/skyline-bg.jpg);
}
.forgot-bg {
  background-image: url(/images/skyline-bg.jpg);
}
.lock-bg {
  background-image: url(/images/skyline-bg.jpg);
}
.register-bg {
  background-image: url(/images/skyline-bg.jpg);
}
/*******************GENERIC CSS**********************/

/*FONT FAMILY OVERRIDES*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

html {
  line-height: 1.5;
  font-family: "Open Sans", sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif !important;
}
p {
  font-family: "Open Sans", sans-serif !important;
}
.navbar .notification-badge {
  font-family: "Open Sans", sans-serif !important;
}

/*FONT SIZE HELPERS*/
.larger-1 {
  font-size: 1.2em;
}
.larger-2 {
  font-size: 1.4em;
}
.larger-3 {
  font-size: 1.6em;
}
.larger-4 {
  font-size: 1.8em;
}
.larger-5 {
  font-size: 2em;
}
.smaller-1 {
  font-size: 0.8em;
}
.smaller-2 {
  font-size: 0.6em;
}
.smaller-3 {
  font-size: 0.4em;
}
.smaller-4 {
  font-size: 0.2em;
}
.smaller-5 {
  font-size: 0.1em;
}

/*ROUNDED BORDER HELPERS*/
.rounded-3 {
  border-radius: 3px !important;
}
.rounded-5 {
  border-radius: 5px !important;
}
.rounded-10 {
  border-radius: 10px !important;
}
.rounded-20 {
  border-radius: 20px !important;
}
.rounded-30 {
  border-radius: 30px !important;
}

/*SET HEIGHT HELPERS*/
.set-height-50 {
  height: 100px;
}
.set-height-100 {
  height: 100px;
}
.set-height-125 {
  height: 125px;
}
.set-height-150 {
  height: 150px;
}
.set-height-175 {
  height: 175px;
}
.set-height-200 {
  height: 200px;
}
.set-height-225 {
  height: 200px;
}
.set-height-250 {
  height: 250px;
}
.set-height-300 {
  height: 300px;
}

.set-height-450 {
  height: 450px;
}

/*SPACER HELPERS*/
.spacer-1 {
  height: 10px;
}
.spacer-2 {
  height: 20px;
}
.spacer-3 {
  height: 30px;
}
.spacer-4 {
  height: 40px;
}
.spacer-5 {
  height: 50px;
}

/*CENTERING HELPER*/
.center-adjust {
  margin: 0 auto;
}
/*DO NOT OVVERIDE FONT COLOR BY DEFAULT ON LINKS*/
a {
    color: inherit;
}
/*CARD VERSION FOR FIT WIDTH*/
.card-fit{
  width: fit-content !important;
  margin-bottom: 0 !important;
}
.card-fit .card-content{
  padding: 1px 20px !important;
}


/*VERTICAL ALIGN HELPER*/
.vertical-align-bottom {
  position: absolute;
  bottom: 10px;
}
/*FIX MODALS FOR SCROLLING*/
/*.modal-content {
    display: inline-block;
}*/
/*FIX FOR BUTTONS IN TABLES*/
.btn-small.btn-table {
  line-height: 28.4px !important;
}
/*BUTTON SIZE HELPERS*/
.btn-smaller {
  padding: 0 1rem !important;
}
/*REMOVE UNNEEDED SPACE FROM SUBMENU*/
.sidenav-main .collapsible-body {
    padding-left: 0px !important;
}

/*MODIFICATIONS ON BADGES*/
.badge {
    margin-left: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-radius: 5px;
}

/*VERTICAL ALIGN CLASS*/
.vertical-align-middle {
    vertical-align: middle;
}

/*OVERWRITE FOR SIDEBAR*/
.sidenav-dark {
   background: #37474f !important;
}
.sidenav-dark .brand-sidebar {
    background: #37474f;
}

/*ACCORDIAN ADJUSTMENTS*/
/* .collapsible-body {
   padding: 1rem 2rem !important; 
} */
.accordion-btn {
  line-height: 27px !important;
}
.collapsible-header .inline {
    padding-left:  0 !important;
}

/*HELPER CLASS TO STICK THINGS TO THE BOTTOM WITH OFFSET*/
.stick-to-bottom-10 {
    position: absolute;
    bottom: 10px;
}
.stick-to-bottom-20 {
    position: absolute;
    bottom: 20px;
}
.stick-to-bottom-50 {
    position: absolute;
    bottom: 50px;
}
/*EXPANDING MATERIALIZE TO ALLOW FOR 5ths SECTIONS*/
.s5ths,
.m5ths,
.l5ths,
.xl5ths {
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5ths {
  width: 20%;
}

@media only screen and (min-width: 601px) {
  .row .col.m5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l5ths {
    width: 20%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl5ths {
    width: 20%;
  }
}

/*GENERIC HIDE CLASS*/
.hide {
  display: none;
}

/* Selected Filters Styles */

.filter-green:checked + span::before{
  border-bottom: 2px solid #559442 !important;
  border-right: 2px solid #559442 !important;
}

.filter-green + span{
  color: #559442;
}

/* Align the chevrons */

.collapsible > li > div > div > div > a > i {
  vertical-align: middle;
  padding-bottom: 4px;
}

.input-field.col label {
      transform: translateY(-14px) scale(0.8);
      transform-origin: 0 0;
    }