/* Global Colors */
:root {
  --red: #D82E42;
  --alert-red: #ff0000;
  --dark-red: #9D3832;
  --orange: #ff8000;
  --burnt-orange: #c76400;
  --blush: #f2dcda;
  --pastel-pink: #ffecea;
  --dusty-pink: #ebdbda;
  --blue: #104DD5;
  --bright-yellow: #ffff00;
  --pale-yellow: #ededd3;
  --green: #4F9B27;
  --mint-green: #d3edd3;
  --pastel-green: #e0f7e0;
  --med-green: #3b7d18;
  --dark-green: #26570d;
  --med-violet: #7e1f7e;
  --brown: #6c4a1a;
  --dark-slate: #565B67;
  --slate: #7a8296;
  --grey-med: #555;
  --grey-light: #888;
  --grey-lighter: #AAA;
  --black: #000;
  --white: #fff;
  --pastel-blue: #d7f2ff;
  --dusty-blue: #d3e1e7;
  --light-blue: #aad3dd;
  --sky-blue: #1ca1c1;
  --sea-blue: #0e819d;
  
  --oag-blue: #0B243D;
  --oag-red: #801310;
}

.color-red {
  color: var(--alert-red);
}

.color-green {
  color: var(--med-green);
}

.color-grey {
  color: var(--grey-lighter);
}

.color-black {
  color:#000000;
}

.cursor-pointer:hover {
  cursor: pointer;
}

.custom_dark {
  background: var(--oag-blue);
  color: #ffffff;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: center;
}
.custom_dark .webix_template {
  line-height: 55px;
}

.logo {
  background: url("/media/AGO-Seal-40.webp") 2px 0px  no-repeat;
}

.logo .webix_template {
  padding: 7px 0 0 50px;
  font-family: Roboto,Arial,Helvetica,sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: var(--oag-blue);
}

.webix_header.webix_dark .webix_template {
  text-align: center;
  line-height: 56px;
}
.avatar .mainphoto {
  border-radius: 25px;
  widows: 40px;
  height: 40px;
  position: relative;
  top: -4px;
}
.status {
  position: relative;
  top: -25px;
  left: 25px;
  font-size: 10px !important;
  text-shadow: -1px 0 #ffffff, 0 1px #ffffff, 1px 0 #ffffff, 0 -1px #ffffff;
}

.highlight {
  background-color: #eee;
}
.highlight-blue {
  background-color: #6cd7f0;
}