@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

a, abbr, address, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, iframe, img, input, ins, kbd, keygen, label, legend, li, link, main, map, mark, menu, menuitem, meta, meter, nav, noscript, object, ol, optgroup, option, output, p, param, pre, progress, q, rb, rp, rt, rtc, ruby, s, samp, script, section, select, small, source, span, strong, style, sub, summary, sup, table, tbody, td, template, textarea, tfoot, th, thead, time, title, tr, track, u, ul, var, video, wbr {
  font-family: 'Open Sans', sans-serif !important;
}

body, .ui.segment {
  background-color: #1b1c1d !important;
  border: 0 !important;
  color: white !important;
}

.grid-container {
  /*background-image: url("images/login-page-background-image-{via-TinyPNG}.jpg");*/
  /*background-size: cover;*/
  display: grid;
  grid-gap: 1%;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 1fr auto;
  /*grid-template-columns: 33vw 33vw 33vw;*/
  /*grid-template-rows: 33vh 33vh 33vh;*/
  place-content: center center;  /* DOES BOTH... align-content ...AND... justify-content */
  place-items: center center;  /* DOES BOTH... align-items ...AND... justify-items */
}

.grid-item {
  border: 1px solid blue;
  text-align: center;
  width: 100%;
}

.element-in-grid-item {
  margin: 10px;
}


.container {

}

form .website {
  display: none;
  visibility: hidden;
}


.light_grey {
  background: #e0e1e2 !important;
}
.green_text {
  color: #21ba45 !important;
}
.red_text {
  color: #db2828 !important;
}

input {
  padding: 5px;
}
input.search_assessors {
  border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
}
select option[value="STATUS"] {
  background: #3d3e40 !important;
  color: white;
}
input[type="file"] {
  display: none;
}
.lighter-blue {
  /*
  background-color: #2185d0 !important;
  filter: brightness(50%);
  */
  background-color: CornflowerBlue !important;
  filter: brightness(120%) !important;
  /*color: black !important;*/
  color: white !important;
}
.no-wrapping {
  white-space: nowrap !important;
}
.disabled-link {
  pointer-events: none !important;
}
.black-text {
  color: black !important;
}


.ui.segments {
  border: 0 !important;
}

.ui.segment {
  padding: 0 !important;
}

.ui.header, .sub.header {
  color: #fff !important;
}

.ui.menu .item>i.icon, i.icon {
  margin: 0 0 0 0 !important;
}

.ui.label {
  letter-spacing: 0.1rem;
}

.ui.labeled.icon.button, .ui.labeled.icon.buttons .button {
  padding-right: 1em !important;
  padding-left: 3.5em !important;
}



.padding {
  padding: 1rem !important;
}
.padding_top {
  padding-top: 1rem !important;
}
.padding_right {
  padding-right: 1rem !important;
}
.padding_bottom {
  padding-bottom: 1rem !important;
}
.padding_left {
  padding-left: 1rem !important;
}

i.icons .corner.icon {
  font-size: 0.5em;
}