/* Custom Stylesheet */

/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

* {
  font-family: Lato, sans-serif;
  font-size: 14px;
}

html {
  overflow: scroll;
  overflow-x: hidden;
}

/* FONTS */

h3 {
  font-size: 20px;
}

p > strong {
  font-weight: 700 !important;
}

.weight-300 {
  font-weight: 300 !important;
}

.weight-400 {
  font-weight: 400 !important;
}

.weight-700 {
  font-weight: 700 !important;
}

/** DIVIDER **/

.divider.blue {
  background-color: color("blue", "base") !important;
  color: color("blue", "base") !important;
}

/** ICONS **/

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

/* BUTTONS */

.btn.btn-small {
  padding-left: 12px !important;
  padding-right: 12px !important;
  font-size: 12px !important;
  height: 30px;
}

/* LISTS */

ul.prefixed {
  list-style-type: none;
}

ul.prefixed li {
  padding-bottom: 5px;
}

ul.prefixed li:before {
  content: "> ";
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/* MARGIN */

.no-marg-bot {
  margin-bottom: 0 !important;
}

.no-marg-left {
  margin-left: 0 !important;
}

.no-marg-right {
  margin-right: 0 !important;
}

.no-marg-top {
  margin-top: 0 !important;
}

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

/* IMAGES */

.bg-login {
  background-image: url(/images/cta_ontwikkeling.jpg?dfe7af0543cb15f23ba34826fa0636d8);
  background-position: center;
}

/* PAGE: FOOTER */

.page-footer {
  padding-bottom: 10px;
}

/* INLINE TEXT ICONS */

.inline-icon {
  vertical-align: bottom;
  font-size: 20px !important;
}

/* LINKS */

.underlined {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
  padding-right: 10px !important;
  transition: all ease-in-out 0.2s;
}

.underlined:hover {
  text-decoration: underline !important;
  padding-left: 8px !important;
}

/* NAVIGATION */

.bar {
  height: 2px;
  width: 100%;
  background-color: color("blue", "base");
}

/* CONTAINER */

.full-width {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.full-width .full-width-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* SIDENAV */

.collapsible-header {
  padding-left: 32px !important;
  padding-right: 32px !important;
  color: color("blue", "base");
}

.gray-border-right {
  border-right: 1px solid #E0E0E0;
}

.blue-border-right {
  border-right: 1px solid color("blue", "base");
}

/* CARDS */

.card-content > h3 > a {
  font-size: 20px !important;
}

/* SELECT LISTS */

.dropdown-content li > a,
.dropdown-content li > span {
  color: color("blue", "base");
}

/* TOASTS */

/* TABLES */

#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  margin-top: 10px;
}

i.sort-icon {
  /*   color: red; */
  position: relative;
  float: right;
}