/* Variables */
@font-face {
  font-family: 'Nunito Sans';
  src: url("/fonts/Nunito_Sans/NunitoSans-Regular.ttf"); }

@font-face {
  font-family: 'Nunito Sans';
  src: url("/fonts/Nunito_Sans/NunitoSans-Bold.ttf");
  font-weight: bold; }

body {
  color: #516880;
  background-color: #F6F8FA; }

body,
a,
label,
input,
select,
p,
div,
td,
th {
  font-family: 'Nunito Sans';
  font-size: 14px;
  color: #516880;
  font-weight: 300; }

option {
  color: #212B36;
  background-color: #FFFFFF; }
  option:checked {
    background-color: #EBF1FF; }

input[type=password],
input[type=text],
textarea {
  background-color: #fff; }

body, textarea {
  font-family: 'Nunito Sans';
  font-size: mainFont; }

/* Track */
::-webkit-scrollbar-track {
  background: #eee; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #C2C3C9;
  border-radius: 7px; }

::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  opacity: 0.8; }

* {
  scrollbar-width: thin;
  scrollbar-color: #C2C3C9 #eee; }

.ButtonSmallGreen, .ButtonSmallLight {
  background-image: none;
  background: linear-gradient(180deg, #254770 0%, #1B3F80 100%);
  color: #FFFFFF; }

.ButtonSmallLight.DisabledButton {
  background-color: #1B3680; }

form, .HideForReceiving .TopSection .Column1 .LeftColumn, #ctl00_ContentPlaceHolder1_BulkEmailUpdatePanel td, #ctl00_ContentPlaceHolder1_BulkDocumentExportFileTypePicker_TotalFileSizeUpdatePanel td, #ctl00_ContentPlaceHolder1_BulkDownloadUpdatePanel td {
  background-color: #E7EAF0 !important; }

#WorkitemValidityForm {
  background-color: transparent !important; }

.ActivityName {
  margin-bottom: 10px; }

.BlueLabel, .BlueLabelMedium, .BlueLabelSmall {
  color: #77a2bb; }

.ButtonLargeDark {
  background-image: none;
  color: #FFFFFF;
  background: linear-gradient(180deg, #254770 0%, #1B3F80 100%);
  border-radius: 4px; }

.AdminTable select.TextBox50 {
  width: auto; }

#HomepageMessagesDiv {
  padding: 10px; }

.ModalBackground,
.ModalBackgroundDiv {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7; }

.ModalPanel,
.ModalPopupDiv {
  box-sizing: border-box;
  border-radius: 6px;
  background: #FFFFFF;
  box-shadow: 0 15px 35px 0 rgba(34, 69, 116, 0.1);
  border: solid 1px #D6D6D6;
  padding: 16px;
  padding-bottom: 75px; }
  .ModalPanel .dialogTitle,
  .ModalPopupDiv .dialogTitle {
    color: #212B36;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 16px; }
  .ModalPanel .separator,
  .ModalPopupDiv .separator {
    position: absolute;
    left: 0;
    right: 0;
    border-bottom: 1px solid #EDEDED; }
  .ModalPanel table,
  .ModalPopupDiv table {
    border-collapse: separate;
    border-spacing: 0px 22px; }
    .ModalPanel table tr td,
    .ModalPopupDiv table tr td {
      vertical-align: top; }
    .ModalPanel table label,
    .ModalPanel table span,
    .ModalPopupDiv table label,
    .ModalPopupDiv table span {
      margin-left: 16px; }
  .ModalPanel label,
  .ModalPanel table tr td:first-child,
  .ModalPopupDiv label,
  .ModalPopupDiv table tr td:first-child {
    color: #212B36;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px; }
  .ModalPanel input[type=text],
  .ModalPanel textarea,
  .ModalPopupDiv input[type=text],
  .ModalPopupDiv textarea {
    background-color: #fff;
    color: #212B36;
    border: 1px solid #C3C3C3;
    border-radius: 4px;
    padding: 5px 8px;
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    text-overflow: ellipsis; }
  .ModalPanel .buttonWrapper,
  .ModalPopupDiv .buttonWrapper {
    float: right;
    margin-left: 10px; }
  .ModalPanel .buttonList,
  .ModalPopupDiv .buttonList {
    position: absolute;
    right: 16px;
    bottom: 16px; }
  .ModalPanel .button,
  .ModalPanel input[type=button],
  .ModalPanel input[type=submit],
  .ModalPanel button,
  .ModalPopupDiv .button,
  .ModalPopupDiv input[type=button],
  .ModalPopupDiv input[type=submit],
  .ModalPopupDiv button {
    background: linear-gradient(180deg, #254770 0%, #1B3F80 100%);
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    padding: 9px 16px;
    cursor: pointer;
    font-size: 16px; }
    .ModalPanel .button.cancel, .ModalPanel .button.cancelButton, .ModalPanel .button.close, .ModalPanel .button.closeButton,
    .ModalPanel input[type=button].cancel,
    .ModalPanel input[type=button].cancelButton,
    .ModalPanel input[type=button].close,
    .ModalPanel input[type=button].closeButton,
    .ModalPanel input[type=submit].cancel,
    .ModalPanel input[type=submit].cancelButton,
    .ModalPanel input[type=submit].close,
    .ModalPanel input[type=submit].closeButton,
    .ModalPanel button.cancel,
    .ModalPanel button.cancelButton,
    .ModalPanel button.close,
    .ModalPanel button.closeButton,
    .ModalPopupDiv .button.cancel,
    .ModalPopupDiv .button.cancelButton,
    .ModalPopupDiv .button.close,
    .ModalPopupDiv .button.closeButton,
    .ModalPopupDiv input[type=button].cancel,
    .ModalPopupDiv input[type=button].cancelButton,
    .ModalPopupDiv input[type=button].close,
    .ModalPopupDiv input[type=button].closeButton,
    .ModalPopupDiv input[type=submit].cancel,
    .ModalPopupDiv input[type=submit].cancelButton,
    .ModalPopupDiv input[type=submit].close,
    .ModalPopupDiv input[type=submit].closeButton,
    .ModalPopupDiv button.cancel,
    .ModalPopupDiv button.cancelButton,
    .ModalPopupDiv button.close,
    .ModalPopupDiv button.closeButton {
      border: 1px solid transparent;
      background: transparent;
      color: #234673; }

.FullSizeContainerDiv {
  padding: 0px;
  z-index: 550 !important;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%; }
  .FullSizeContainerDiv .ModalBackgroundDiv {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }
  .FullSizeContainerDiv .ModalPopupDiv {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    max-width: 90%;
    overflow: auto; }

.buttonWrapper {
  position: relative;
  display: inline-block; }
  .buttonWrapper:after {
    font-family: "Font Awesome 6 Pro";
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    color: #6B87A6; }
  .buttonWrapper:hover:after, .buttonWrapper:focus-within:after {
    color: #1E427B; }
  .buttonWrapper.refresh:after {
    content: '\f2f1'; }
  .buttonWrapper.download:after {
    content: '\f019'; }
  .buttonWrapper.edit:after {
    content: '\f303'; }
  .buttonWrapper.delete:after {
    content: '\f2ed'; }
  .buttonWrapper.update:after {
    content: '\f00c'; }
  .buttonWrapper.cancel:after {
    content: '\f00d'; }
  .buttonWrapper input[type=image] {
    opacity: 0; }