.break-word {
  word-wrap: break-word;
}

.border-top-helper {
  border-top: 1px solid #cccccc;
}

.inline-block-helper {
  display: inline-block;
}

.full-width-block-helper {
  display: block;
  width: 100%;
}

.remove-right-padding-helper {
  padding-right: 0;
}

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

svg use {
  pointer-events: none;
}

.svg-icon-bg-wrapper {
  border-radius: 50%;
  background-color: #fff;
  width: 23px;
  height: 23px;
}

.no-resize-helper {
  resize: none;
}

.container-main {
  margin-top: -3px;
  position: relative;
  top: -20px;
}
@media (max-width: 767px) {
  .container-main {
    border: none;
    top: 0;
  }
}

.mobile-logo {
  display: none;
  height: 120px;
}
@media (max-width: 767px) {
  .mobile-logo {
    display: block;
    z-index: 98;
    position: absolute;
    left: 15px;
    top: 0;
    background-color: #fff;
    height: inherit;
  }
  .mobile-logo img {
    margin: 0;
  }
}

#add-gadget-button {
  margin: 20px 0;
}

.ews-generic-success {
  color: #5cb85c;
  fill: #5cb85c;
}

.ews-generic-error {
  color: #d9534f;
  fill: #d9534f;
}

.jumbotron-header {
  padding-top: 100px;
  max-width: 2560px;
  position: relative;
  top: -20px;
  display: flex;
  align-items: stretch;
}
@media (max-width: 991px) {
  .jumbotron-header {
    max-width: initial;
    min-width: initial;
  }
}
@media (max-width: 767px) {
  .jumbotron-header {
    min-width: initial;
    top: -20px;
  }
}
.jumbotron-header .special-container {
  display: flex;
  align-items: stretch;
  padding: 0;
}
.jumbotron-header .special-container .col-md-4, .jumbotron-header .special-container .col-md-8 {
  display: flex;
}
.jumbotron-header .special-container .col-md-8 .gadget {
  z-index: 1;
  align-self: flex-end;
  width: 100%;
}
@media (max-width: 991px) {
  .jumbotron-header .special-container {
    width: 100%;
  }
  .jumbotron-header .special-container .col-md-4 {
    display: none;
  }
  .jumbotron-header .special-container .col-md-8 {
    width: 100%;
  }
}

.jumbotron-headerBg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /*
  img {
    position: absolute;
    left: 0;
    right: 0;
    top: -9999px;
    bottom: -9999px;
    margin: auto 0;
    width: 100%;
  }
  */
}
.jumbotron-headerBg img {
  display: none;
}

.ews-footer {
  color: #fff;
  line-height: 1;
}
.ews-footer hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ews-footer .ews-footer-left,
.ews-footer .ews-footer-right {
  width: 50%;
  float: left;
  padding: 0 15px 0 0;
}
@media (max-width: 767px) {
  .ews-footer .ews-footer-left,
  .ews-footer .ews-footer-right {
    width: 100%;
    clear: both;
    padding: 0 15px 0 15px;
  }
}
.ews-footer .ews-footer-right {
  text-align: right;
}
@media (max-width: 767px) {
  .ews-footer .ews-footer-right {
    text-align: left;
    margin-top: 20px;
  }
}
.ews-footer .ews-footer-inner {
  display: inline-block;
}
.ews-footer img.ews-footer-logo {
  max-width: 90%;
  margin-left: auto;
  display: block;
}
.ews-footer .logo-box {
  width: 220px;
  height: 76px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ews-footer .logo-box .main-logo {
  display: none;
}

.gadget-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: grey;
  opacity: 0.5;
  z-index: 1;
}
.gadget-loading .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  font-size: 56px;
  color: #333;
}

.modal__modal-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: grey;
  opacity: 0.5;
  z-index: 1;
  top: 0;
  right: 0;
}
.modal__modal-loading .spinner-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  font-size: 56px;
  color: #333;
}

.employee-picture div.spinner {
  font-size: 30px;
  position: absolute;
  bottom: calc(50% - 15px);
  left: calc(50% - 15px);
}

.btn, .ews-form-field__btn-ok,
.ews-form-field__btn-cancel,
.ews-form-field__btn-cancel-config,
.ews-form-field__btn-delete,
.ews-form-field__btn-add,
.ews-form-field__btn-done {
  display: inline-block;
  font-weight: normal;
  line-height: 1.428571429;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn, .ews-form-field__btn-ok,
  .ews-form-field__btn-cancel,
  .ews-form-field__btn-cancel-config,
  .ews-form-field__btn-delete,
  .ews-form-field__btn-add,
  .ews-form-field__btn-done {
    transition: none;
  }
}
.btn:hover, .ews-form-field__btn-ok:hover,
.ews-form-field__btn-cancel:hover,
.ews-form-field__btn-cancel-config:hover,
.ews-form-field__btn-delete:hover,
.ews-form-field__btn-add:hover,
.ews-form-field__btn-done:hover {
  color: #212529;
  text-decoration: none;
}
.btn-check:focus + .btn, .btn-check:focus + .ews-form-field__btn-ok,
.btn-check:focus + .ews-form-field__btn-cancel,
.btn-check:focus + .ews-form-field__btn-cancel-config,
.btn-check:focus + .ews-form-field__btn-delete,
.btn-check:focus + .ews-form-field__btn-add,
.btn-check:focus + .ews-form-field__btn-done, .btn:focus, .ews-form-field__btn-ok:focus,
.ews-form-field__btn-cancel:focus,
.ews-form-field__btn-cancel-config:focus,
.ews-form-field__btn-delete:focus,
.ews-form-field__btn-add:focus,
.ews-form-field__btn-done:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}
.btn:disabled, .ews-form-field__btn-ok:disabled,
.ews-form-field__btn-cancel:disabled,
.ews-form-field__btn-cancel-config:disabled,
.ews-form-field__btn-delete:disabled,
.ews-form-field__btn-add:disabled,
.ews-form-field__btn-done:disabled, .btn.disabled, .disabled.ews-form-field__btn-ok,
.disabled.ews-form-field__btn-cancel,
.disabled.ews-form-field__btn-cancel-config,
.disabled.ews-form-field__btn-delete,
.disabled.ews-form-field__btn-add,
.disabled.ews-form-field__btn-done, fieldset:disabled .btn, fieldset:disabled .ews-form-field__btn-ok,
fieldset:disabled .ews-form-field__btn-cancel,
fieldset:disabled .ews-form-field__btn-cancel-config,
fieldset:disabled .ews-form-field__btn-delete,
fieldset:disabled .ews-form-field__btn-add,
fieldset:disabled .ews-form-field__btn-done {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #FF7136;
  text-decoration: underline;
}
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
}
.btn-link:focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #777777;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  border-radius: 0;
}

.ews-form-field__edit-error {
  color: red;
}

.ews-form-field__btn-ok,
.ews-form-field__btn-cancel,
.ews-form-field__btn-cancel-config,
.ews-form-field__btn-delete,
.ews-form-field__btn-add,
.ews-form-field__btn-done {
  border: none;
  background: none;
  height: 19px;
  border-radius: 0;
}
.ews-form-field__btn-ok span,
.ews-form-field__btn-cancel span,
.ews-form-field__btn-cancel-config span,
.ews-form-field__btn-delete span,
.ews-form-field__btn-add span,
.ews-form-field__btn-done span {
  position: relative;
  top: -10px;
}
.ews-form-field__btn-ok svg,
.ews-form-field__btn-cancel svg,
.ews-form-field__btn-cancel-config svg,
.ews-form-field__btn-delete svg,
.ews-form-field__btn-add svg,
.ews-form-field__btn-done svg {
  position: relative;
  top: -3px;
}

.ews-form-field__btn-ok,
.ews-form-field__btn-done {
  fill: #fff;
  background-color: #378fce;
  color: #fff;
}

.ews-form-field__btn-cancel,
.ews-form-field__btn-cancel-config,
.ews-form-field__btn-delete,
.ews-form-field__btn-add,
.ews-form-field__btn-done {
  fill: #378fce;
  color: #378fce;
}

.btn-ews-default {
  color: #378fce;
  background-color: #fff;
  border-color: #378fce;
  fill: #fff;
}
.btn-ews-default:hover {
  color: #000;
  background-color: white;
  border-color: #4b9ad3;
}
.btn-check:focus + .btn-ews-default, .btn-ews-default:focus {
  color: #000;
  background-color: white;
  border-color: #4b9ad3;
  box-shadow: 0 0 0 0.25rem rgba(55, 143, 206, 0.5);
}
.btn-check:checked + .btn-ews-default, .btn-check:active + .btn-ews-default, .btn-ews-default:active, .btn-ews-default.active, .show > .btn-ews-default.dropdown-toggle {
  color: #000;
  background-color: white;
  border-color: #4b9ad3;
}
.btn-check:checked + .btn-ews-default:focus, .btn-check:active + .btn-ews-default:focus, .btn-ews-default:active:focus, .btn-ews-default.active:focus, .show > .btn-ews-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(55, 143, 206, 0.5);
}
.btn-ews-default:disabled, .btn-ews-default.disabled {
  color: #000;
  background-color: #fff;
  border-color: #378fce;
}

.ews-modal .svg-ok,
.ews-modal .svg-cancel,
.ews-modal .svg-done {
  position: relative;
  top: 3px;
}

.ews-modal__header-msg {
  margin: 0 50px 0 50px;
  color: #000;
}

.ews-modal__description-msg {
  margin: 10px 50px 30px 50px;
  line-height: 1.5em;
}

.ews-modal__modal-loading-msg {
  text-align: center;
  font-size: 35px;
}

.modal-fullscreen .modal-dialog {
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal-content .ews-form-field .form-field-label {
  color: #7b7b7b;
  min-height: 1px;
}
.modal-content .ews-form-field .form-field-value {
  color: #000000;
  min-height: 1px;
}
.modal-content .form-horizontal .control-label {
  text-align: left;
}

.ews-modal__non-editable-field {
  padding-left: 0 !important;
}

.ews-modal__editable-field {
  cursor: pointer;
  padding-left: 0 !important;
  border-top: 1px solid #cccccc;
}
.ews-modal__editable-field .form-field-value .svg-edit {
  position: relative;
  top: 4px;
  fill: #cacbcd;
  visibility: inherit;
  display: inline-block;
}
.ews-modal__editable-field:hover {
  background-color: #e4e4e4;
}
.ews-modal__editable-field:hover .form-field-value .svg-edit {
  fill: #378fce;
  visibility: inherit;
  display: inline-block;
}
.ews-modal__editable-field .form-field-value .svg-edit {
  fill: inherit;
}
.ews-modal__editable-field:hover .form-field-value .svg-edit {
  fill: inherit;
}

.ews-modal__whole-length-btn {
  width: 100%;
  text-align: left !important;
}

.ews-modal__item-w-icon {
  padding: 10px 15px 15px 10px;
}

.ews-modal__item-w-icon svg {
  position: relative;
  top: 5px;
}

.print-screen-model {
  padding-right: 30px;
  padding-top: 10px;
  cursor: pointer;
}

.fa-circle-o-notch--light--large {
  font-size: 82px !important;
  color: lightgray;
  margin-top: 220px;
}

.btn--w-icon {
  padding: 0px 7px 5px 7px;
}
.btn--w-icon svg {
  position: relative;
  top: 5px;
}

.card-view__buttons .btn--w-icon {
  margin: 3px 0px 0px 0px;
}

.gadget {
  position: relative;
  margin-top: 20px;
  min-height: 60px;
}

.gadget .no-top-border {
  border-top: none;
}

.gadget.no-top-border:not(.section-container) {
  background-color: transparent;
  border-top: 3px solid transparent;
}

.gadget__collapse {
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
}

.gadget__collapse__downicon,
.gadget__collapse__upicon {
  width: 0;
  margin: 0 auto;
  display: table;
}

.gadget__collapsed__fixed__height {
  overflow: hidden;
}

.gadget__edit-wrapper {
  cursor: pointer;
}

.gadget__edit-wrapper,
.gadget__view-wrapper,
.gadget__editing-wrapper {
  padding: 15px 30px;
}

.gadget__summary-wrapper {
  padding-left: 30px;
  padding-right: 30px;
}

hr.gadget__summary-wrapper {
  margin-left: 30px;
  margin-right: 30px;
}

.js-gadget-collapse-wrapper_collapsed-view {
  margin-bottom: auto !important;
}
.js-gadget-collapse-wrapper_collapsed-view .icon {
  float: left;
}
.js-gadget-collapse-wrapper_collapsed-view .filterLabel {
  float: right;
}
.js-gadget-collapse-wrapper_collapsed-view .itemsNumber {
  font-weight: 300;
  font-size: 26px;
  margin-bottom: 0;
}

.gadget__edit-wrapper .gadget__editing-wrapper,
.gadget__view-wrapper .gadget__editing-wrapper {
  padding: 0;
  margin-bottom: 20px;
}

.gadget__edit-wrapper .learn-gadget {
  word-break: break-all;
}

.gadget .learn-gadget-design {
  min-height: 120px;
}

.gadget__required-info {
  clear: both;
}
.gadget__required-info > span {
  border-top: #cacbcd solid 1px;
  color: #cacbcd;
  padding-top: 5px;
}
.gadget__required-info:before {
  content: "*";
  margin-right: 5px;
  color: #378fce;
}

.gadget__additional-info {
  clear: both;
  margin-top: 30px;
}
.gadget__additional-info > span {
  border-top: #cacbcd solid 1px;
  color: #cacbcd;
  padding-top: 5px;
}

.ews-form-field:not(.switch__editing-field),
.passwd-form-field-value:not(.switch__editing-field) {
  padding: 5px 5px 5px 20px;
  position: relative;
}
.ews-form-field:not(.switch__editing-field) .form-field-label, .ews-form-field:not(.switch__editing-field) .form-field-value,
.passwd-form-field-value:not(.switch__editing-field) .form-field-label,
.passwd-form-field-value:not(.switch__editing-field) .form-field-value {
  padding: 0 2px 0 2px;
}
.ews-form-field:not(.switch__editing-field) .form-field-value,
.passwd-form-field-value:not(.switch__editing-field) .form-field-value {
  min-height: 28px;
}
.ews-form-field:not(.switch__editing-field).required .form-field-label:after,
.passwd-form-field-value:not(.switch__editing-field).required .form-field-label:after {
  content: "*";
  margin-left: 5px;
  color: #378fce;
}
.ews-form-field:not(.switch__editing-field) .svg-edit,
.passwd-form-field-value:not(.switch__editing-field) .svg-edit {
  visibility: hidden;
}
.ews-form-field:not(.switch__editing-field).editable, .ews-form-field:not(.switch__editing-field).configurable,
.passwd-form-field-value:not(.switch__editing-field).editable,
.passwd-form-field-value:not(.switch__editing-field).configurable {
  cursor: pointer;
}
.ews-form-field:not(.switch__editing-field).editable .form-field-value .svg-edit, .ews-form-field:not(.switch__editing-field).configurable .form-field-value .svg-edit,
.passwd-form-field-value:not(.switch__editing-field).editable .form-field-value .svg-edit,
.passwd-form-field-value:not(.switch__editing-field).configurable .form-field-value .svg-edit {
  position: relative;
  top: 4px;
  fill: #cacbcd;
  visibility: inherit;
  display: inline-block;
}
.ews-form-field:not(.switch__editing-field).editable:hover, .ews-form-field:not(.switch__editing-field).configurable:hover,
.passwd-form-field-value:not(.switch__editing-field).editable:hover,
.passwd-form-field-value:not(.switch__editing-field).configurable:hover {
  background-color: #e4e4e4;
}
.ews-form-field:not(.switch__editing-field).editable:hover .form-field-value .svg-edit, .ews-form-field:not(.switch__editing-field).configurable:hover .form-field-value .svg-edit,
.passwd-form-field-value:not(.switch__editing-field).editable:hover .form-field-value .svg-edit,
.passwd-form-field-value:not(.switch__editing-field).configurable:hover .form-field-value .svg-edit {
  fill: #378fce;
  visibility: inherit;
  display: inline-block;
}

.competency .ews-form-field:not(.switch__editing-field) .form-field-value {
  min-height: 0;
}

.ews-actions-bar {
  padding: 5px 5px 5px 20px;
  position: relative;
}

.switch__editing-field {
  padding: 10px 0px 0px 5px;
  position: relative;
}
.switch__editing-field .form-field-label, .switch__editing-field .form-field-value {
  padding: 0 2px 0 2px;
}
.switch__editing-field.required .form-field-label:after {
  content: "*";
  margin-left: 5px;
  color: #378fce;
}
.switch__editing-field .svg-edit {
  visibility: hidden;
}
.switch__editing-field.editable, .switch__editing-field.configurable {
  cursor: pointer;
}
.switch__editing-field.editable .form-field-value .svg-edit, .switch__editing-field.configurable .form-field-value .svg-edit {
  position: relative;
  top: 4px;
  fill: #cacbcd;
  visibility: inherit;
  display: inline-block;
}
.switch__editing-field.editable:hover, .switch__editing-field.configurable:hover {
  background-color: #e4e4e4;
}
.switch__editing-field.editable:hover .form-field-value .svg-edit, .switch__editing-field.configurable:hover .form-field-value .svg-edit {
  fill: #378fce;
  visibility: inherit;
  display: inline-block;
}

.ews-form-field--edit {
  z-index: 100;
  position: absolute;
  background-color: #e4e4e4;
  top: 0;
  left: 0;
  width: 100%;
}

.ews-form-field--config {
  width: 259px;
}

.ews-form-field--config-edit {
  width: 100%;
  background-color: #e4e4e4;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.ews-form-field__inner-wrapper {
  color: #96989b;
  margin-bottom: 10px;
}

.ews-form-field__edit-error {
  text-align: left;
  padding-bottom: 5px;
  margin-right: 10px;
}

.ews-form-field__edit-error--button-bar {
  margin-top: 30px;
  display: none;
}

.ews-form-field__edit-error:not(.no-left-margin) {
  margin-left: 10px;
}

.ews-form-field__select-field {
  padding-right: 20px;
}

.ews-form-field__edit-value {
  margin-right: 20px;
}

.ews-form-field--edit .ui-datepicker-trigger {
  margin-top: 10px;
}

.static-graphic-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.gadget-title {
  margin-top: 8px;
  margin-bottom: 16px;
  font-weight: 100;
}

.gadget__listview-title {
  padding-right: 96px;
}

.gadget__add-goal-button {
  margin-top: 30px;
}

.eps-empty-element {
  clear: both;
}

.gadget .list-view-card-view-toolbar {
  position: absolute;
  right: 0;
}

.gadget .list-view-card-view-toolbar button {
  outline: 0;
}

.disabledSection {
  pointer-events: none;
  opacity: 0.4;
}

body.login-page {
  background-repeat: repeat;
}
body.login-page .container-main {
  position: inherit;
}
body.login-page hr {
  margin-top: 5px;
}

.forgot-password {
  margin: 20px 0;
  text-align: right;
}

.lang-selector {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .lang-selector {
    width: 46.875rem;
  }
}
@media (min-width: 992px) {
  .lang-selector {
    width: 60.625rem;
  }
}
@media (min-width: 1200px) {
  .lang-selector {
    width: 73.125rem;
  }
}
.lang-selector .selected-item {
  font-weight: bold;
}
.lang-selector .dropdown-menu {
  min-width: 100%;
}

.login-gadget-components {
  text-align: center;
}

.login-page-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 72px;
  color: white;
  height: 80px;
  text-align: center;
}

.login-background-group {
  margin-bottom: 3px;
}

.wallpaper, .wallpaper:hover, .wallpaper:focus {
  border-bottom: 4px solid transparent;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9  {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}
.change-background {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
.change-background::after {
  display: block;
  clear: both;
  content: "";
}
@media (min-width: 768px) {
  .change-background {
    width: 46.875rem;
  }
}
@media (min-width: 992px) {
  .change-background {
    width: 60.625rem;
  }
}
@media (min-width: 1200px) {
  .change-background {
    width: 73.125rem;
  }
}

body.system-page {
  background-color: #e6e6e6;
}
body.system-page .container-main {
  position: inherit;
}
body.system-page .back-to-login-page {
  margin: 20px 0;
  text-align: left;
}
body.system-page .error-paragraph {
  color: red;
  text-align: left;
}
body.system-page .trouble-signing-in-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 36px;
  height: 200px;
  text-align: center;
}
body.system-page div.instructions {
  margin-bottom: 20px;
  text-align: justify;
}
body.system-page .page-main-div {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.Employee_Profile_Summary_Gadget > div:nth-child(3) {
  display: block;
  font-size: 1.875rem;
  font-family: inherit;
  line-height: 1.1;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: lighter;
}
.Employee_Profile_Summary_Gadget .employee-picture {
  position: absolute;
  top: -61px;
  left: 50%;
}
.Employee_Profile_Summary_Gadget .employee-picture img {
  position: relative;
  left: -38px;
}
.Employee_Profile_Summary_Gadget .employee-picture-label {
  display: none;
}

.employee-picture img {
  border-radius: 50%;
}

.employee-picture-label {
  text-align: center;
}

.employee-picture-label .short-desc {
  margin-left: 23px;
}

.employee-picture .spinner {
  font-size: 30px;
  position: absolute;
  bottom: calc(50% - 15px);
  left: calc(50% - 15px);
}

@font-face {
  font-family: "Glyphicons Halflings";
  src: url("../../css/EwsV2/bootstrap-custom/fonts/bootstrap/glyphicons-halflings-regular.eot");
  src: url("../../css/EwsV2/bootstrap-custom/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../../css/EwsV2/bootstrap-custom/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../../css/EwsV2/bootstrap-custom/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../../css/EwsV2/bootstrap-custom/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../../css/EwsV2/bootstrap-custom/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.glyphicon, .list-view__data-filters-group-switch span, .list-group-item.list-view__column-title-sortable .list-view__is-sortable-span, .list-view__column-title.list-view__column-title-sortable:not(.list-view__column-title-sort-active) .list-view__is-sortable-span, .list-view__column-title.list-view__column-title-sortable.list-view__column-title-sort-active:not(.list-view__column-title-sort-ascending) .list-view__current-sorting-column-glyph-span, .list-view__column-title.list-view__column-title-sortable.list-view__column-title-sort-active.list-view__column-title-sort-ascending .list-view__current-sorting-column-glyph-span {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "*";
}

.glyphicon-plus:before {
  content: "+";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "€";
}

.glyphicon-minus:before {
  content: "−";
}

.glyphicon-cloud:before {
  content: "☁";
}

.glyphicon-envelope:before {
  content: "✉";
}

.glyphicon-pencil:before {
  content: "✏";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "⛺";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "⌛";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "¥";
}

.glyphicon-jpy:before {
  content: "¥";
}

.glyphicon-ruble:before {
  content: "₽";
}

.glyphicon-rub:before {
  content: "₽";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before, .list-view__data-filters-group-switch span:before, .list-view__column-title.list-view__column-title-sortable.list-view__column-title-sort-active:not(.list-view__column-title-sort-ascending) .list-view__current-sorting-column-glyph-span:before {
  content: "\e252";
}

.glyphicon-triangle-top:before, .list-view__column-title.list-view__column-title-sortable.list-view__column-title-sort-active.list-view__column-title-sort-ascending .list-view__current-sorting-column-glyph-span:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before, .list-group-item.list-view__column-title-sortable .list-view__is-sortable-span:before, .list-view__column-title.list-view__column-title-sortable:not(.list-view__column-title-sort-active) .list-view__is-sortable-span:before {
  content: "\e260";
}

.list-view__add-columns {
  fill: #378fce;
  float: right;
}
.list-view__add-columns .svg-add {
  position: relative;
  top: 3px;
}

.list-view__column-delete {
  fill: #378fce;
  display: inline-block;
  width: 23px;
  height: 23px;
}

.list-view__column-data-move-in-progress {
  background-color: #96989b;
  opacity: 0.25;
}

.list-view__column-header {
  cursor: pointer;
  white-space: nowrap;
}
.list-view__column-header .svg-trash {
  position: relative;
  top: 3px;
  display: none;
}
.list-view__column-header:hover .svg-trash {
  display: block;
}

.list-view__available-columns {
  right: 0;
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #fff;
}
.list-view__available-columns .list-group {
  margin-bottom: 0;
}

.list-view__body-cell {
  color: #cacbcd;
}

.list-view__column-title.list-view__column-title-sortable.list-view__column-title-sort-active.list-view__column-title-sort-ascending .list-view__current-sorting-column-glyph-span {
  color: #378fce;
}
.list-view__column-title.list-view__column-title-sortable.list-view__column-title-sort-active:not(.list-view__column-title-sort-ascending) .list-view__current-sorting-column-glyph-span {
  color: #378fce;
}
.list-view__data-filters {
  margin-bottom: 8px;
}

.list-view__data-filters-group {
  display: block;
}
.list-view__data-filters-group .nav-pills > .active > a .badge {
  margin: 0px 3px 2px 0px;
}
.list-view__data-filters-group .list-view__data-filter {
  cursor: pointer;
}

.list-view__data-filters-group-label {
  float: left;
  display: block;
  color: #96989b;
  padding: 10px 15px 10px 15px;
}

.list-view__data-filters-group-switch {
  display: none;
  border: 0px;
  border-radius: 0px !important;
  padding: 10px 15px 10px 15px;
}
.list-view__data-filters-group-switch.pressed {
  outline: none;
}
.list-view__data-filters-group-switch:focus {
  outline: none;
}
.list-view__data-filters-group-switch span {
  margin-right: 8px;
}

/* Overrides for mobile */
@media (max-width: 768px) {
  .list-view__data-filters-group-switch {
    display: block;
  }
  .list-view__data-filters-group {
    clear: left;
    display: none;
  }
  .list-view__data-filters-group .nav-pills li {
    clear: left;
    width: 100%;
  }
  .list-view__data-filters-group .nav-pills li + li {
    margin-left: 0px;
    border-top: 1px solid #cacbcd;
  }
  .list-view__data-filters-group .nav-pills li a {
    display: inline-block;
    width: 100%;
  }
  .list-view__data-filters-group .nav-pills li a .nav-pill-label {
    border-bottom: 0px;
  }
  .list-view__data-filters-group-label {
    padding: 10px 10px 10px 10px;
  }
}
.list-view__dependant-activity-complete {
  font-weight: bold;
}

.list-view__dependant-activity-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.gadget--card-view {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 13px 0 0 13px;
}

.card-view {
  width: 100%;
  float: left;
  background-color: transparent;
  flex-basis: 100%;
  margin-bottom: 13px;
  min-width: 0;
  display: flex;
}

.card-view__inner {
  margin: 0 13px 0 0;
  padding: 18px;
  width: 100%;
  min-width: 0;
  position: relative;
  word-wrap: break-word;
  min-height: 81px;
}

.card-view__inner--row-actions-placeholder.card-view__inner--with-row-actions {
  padding-bottom: 78px;
}

.card-view__accordion--expanded .card-view__title:first-child {
  margin-top: 8px;
}

.card-view__title {
  margin: 0;
}

.card-view__value {
  margin: 0 0 10px 0;
}

.card-view__buttons {
  margin-top: 16px;
  margin-bottom: 10px;
  position: absolute;
  bottom: 0;
}

.card-view__accordion-button {
  position: absolute;
  top: 18px;
  right: 9px;
}

.col-md-6 .card-view,
.col-md-7 .card-view {
  flex-basis: 49.5%;
}

.col-md-8 .card-view,
.col-md-9 .card-view,
.col-md-10 .card-view,
.col-md-11 .card-view {
  flex-basis: 33%;
}

.col-md-12 .card-view {
  flex-basis: 24.5%;
}

.card-view--card-width-full {
  flex-basis: 100% !important;
}

@media (max-width: 991px) {
  .card-view {
    flex-basis: 100% !important;
  }
}
@media print {
  .card-view {
    width: 100%;
    float: left;
    background-color: transparent;
    flex-basis: 100%;
    margin-bottom: 13px;
    min-width: 0;
    display: flex;
  }
  .card-view__inner {
    margin: 0 13px 0 0;
    padding: 18px 18px 78px 18px;
    width: 100%;
    min-width: 0;
    position: relative;
    word-wrap: break-word;
  }
  .card-view__title {
    margin: 0;
  }
  .card-view__value {
    margin: 0 0 10px 0;
  }
  .col-md-6 .card-view,
  .col-md-7 .card-view {
    flex-basis: 49.5% !important;
  }
  .col-md-8 .card-view,
  .col-md-9 .card-view,
  .col-md-10 .card-view,
  .col-md-11 .card-view {
    flex-basis: 33% !important;
  }
  .col-md-12 .card-view {
    flex-basis: 24.5% !important;
  }
}
.multipleList-edit-list {
  max-height: fit-content;
}
.multipleList-edit-list > div.checkbox {
  width: 100%;
}
.multipleList-edit-list > div.checkbox > label > input[type=checkbox] {
  vertical-align: top;
  margin: 4px 4px 0;
  height: auto;
  width: auto;
}
@media (max-width: 768px) {
  .multipleList-edit-list > div.checkbox > label > input[type=checkbox] {
    margin-left: -20px;
  }
}

.gadget__edit-wrapper .attachments-gadget__button-row,
.gadget__view-wrapper .attachments-gadget__button-row {
  margin-bottom: 16px;
}

.attachments-gadget__modal_file-icon {
  background-color: #CCCCCC;
  width: 120px;
  height: 120px;
}

.attachments-gadget__modal_file-icon-wrapper {
  padding-left: 1rem;
}

.attachments-gadget__input-file {
  display: none !important;
}

.attachments-gadget__noresize {
  resize: none;
}

.attachments-gadget__modal_value-label {
  word-wrap: break-word;
}

.approval-flow {
  display: flex;
  overflow-x: auto;
}

.approval-flow__arrow-wrapper {
  position: relative;
  padding: 20px;
}
.approval-flow__arrow-wrapper .svg-arrow-right {
  position: relative;
  top: 30px;
  fill: grey;
}

.approval-flow__outer-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

.approval-flow__user-name {
  width: 120px;
  text-align: center;
  margin-top: 25px;
  padding-bottom: 4px;
}

.approval-flow__picture-wrapper {
  position: relative;
}
.approval-flow__picture-wrapper .svg-approve, .approval-flow__picture-wrapper .svg-reject {
  position: absolute;
  bottom: 0;
  right: 0;
}
.approval-flow__picture-wrapper .svg-icon-bg-wrapper {
  position: absolute;
  bottom: 0;
  right: 15px;
}
.approval-flow__picture-wrapper .center-block {
  border: 1px solid grey;
}

.approval-flow__picture--lighten {
  filter: opacity(0.5);
}

.offer-summary-gadget .no-offer-file-message {
  vertical-align: middle;
  height: 125px;
  line-height: 125px;
  margin-left: -20px;
}

.ms-options-wrap,
.ms-options-wrap * {
  box-sizing: border-box;
}

.ms-options-wrap {
  width: 100%;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
  position: relative;
  width: 100%;
  text-align: left;
  border: 1px solid #ced4da;
  background-color: #ffffff;
  padding: 0.375rem 0.75rem;
  margin-top: 1px;
  font-size: 1rem;
  color: #495057;
  outline-offset: -2px;
  white-space: nowrap;
}

.ms-options-wrap > button > span {
  display: inline-block;
}

.ms-options-wrap > button[disabled] {
  background-color: #e5e9ed;
  color: #808080;
  opacity: 0.6;
}

.ms-options-wrap > button:after {
  content: " ";
  height: 0;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 0;
  border: 6px solid rgba(0, 0, 0, 0);
  border-top-color: #ccc;
  margin-top: -3px;
}

.ms-options-wrap.ms-has-selections > button {
  color: #495057;
}

.ms-options-wrap > .ms-options {
  position: absolute;
  width: 100%;
  margin-top: 1px;
  margin-bottom: 20px;
  background: white;
  z-index: 99999;
  border: 1px solid #aaa;
  overflow: auto;
  overflow-y: scroll;
  height: 240px;
  display: none;
}

.ms-options-wrap.ms-active > .ms-options {
  display: block;
}

.ms-options-wrap > .ms-options > .ms-search input {
  width: 100%;
  padding: 4px 5px;
  border: none;
  border-bottom: 1px groove;
  outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall, .ms-close {
  display: inline-block;
  font-size: 0.9em;
  text-transform: lowercase;
  text-decoration: none;
}

.ms-options-wrap > .ms-options .ms-selectall:hover, .ms-close:hover {
  text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global, .ms-close.global {
  margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul,
.ms-options-wrap > .ms-options > ul > li.optgroup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.ms-options-wrap > .ms-options > ul li.ms-hidden {
  display: none;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
  padding: 5px;
}

.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
  border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
  display: block;
  padding: 5px 0 0 0;
  font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 4px 4px 4px 20px;
  margin: 1px 0;
  border: 1px dotted transparent;
}

.ms-options-wrap > .ms-options.checkbox-autofit > ul label,
.ms-options-wrap > .ms-options.hide-checkbox > ul label {
  padding: 4px;
}

.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
  background-color: #efefef;
  border-color: #999;
}

.ms-options-wrap > .ms-options > ul li.selected label {
  background-color: #efefef;
  border-color: transparent;
}

.ms-options-wrap > .ms-options > ul input[type=checkbox] {
  margin: 0 5px 0 0;
  position: absolute;
  left: 4px;
  top: 7px;
}

.ms-options-wrap > .ms-options.hide-checkbox > ul input[type=checkbox] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* PDF Viewer */
#eSingFormModal {
  width: auto;
  height: auto;
  overflow: scroll;
  background-color: #fff;
}
#eSingFormModal .modal-content {
  border: none !important;
  -moz-border: none !important;
  -webkit-border: none !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
#eSingFormModal .modal-header {
  border-bottom: 0;
}
#eSingFormModal .modal-body {
  margin-top: 40px;
}
#eSingFormModal .modal-body #current {
  display: none;
}

#pdf-viewer {
  margin: 0 auto;
  min-width: 600px;
  min-height: 100%;
}

#pdf-viewer.editfalse {
  width: 1235px !important;
  max-width: 1235px !important;
}

.pdf-pagination {
  float: right;
}

.pdf-pagination .pagination {
  width: auto;
}

#pdf-viewer .ajax-loader {
  text-align: center;
  margin-top: 20px;
}

#pdf-viewer .pdf-page {
  border: 1px solid black;
  z-index: 1;
  background-size: contain;
  height: 1325px;
  min-width: 384px;
}

#pdf-viewer .fields {
  z-index: 100;
  position: absolute;
}

#pdf-viewer .fields input[type=text], #pdf-viewer .fields input[type=password],
#pdf-viewer .fields input[type=checkbox], #pdf-viewer .fields textarea {
  padding: 0;
  position: absolute;
  margin-top: -2px;
  cursor: pointer;
}

#pdf-viewer .fields input.textbox {
  padding-left: 3px;
  color: black;
}

#pdf-viewer .fields textarea.textbox {
  padding: 5px;
  color: black;
}

#pdf-viewer .fields input.checkbox {
  min-height: 0;
}

#pdf-viewer .fields input[type=checkbox] {
  margin-left: 2px;
  margin-top: 0;
}

#pdf-viewer .required, #esign-dialog .required {
  border-color: red;
  font-weight: normal;
}

#esign-dialog textarea {
  width: 90%;
}

#esign-dialog .comments-employee {
  padding: 5px 5px 5px 10px;
  color: blue;
  margin-bottom: 10px;
}

#pdf-viewer .field-dialog > form > div {
  margin-bottom: 20px;
}

.field-dialog {
  display: none;
  padding: 10px 20px;
}

.field-dialog > form > div > span {
  margin-right: 5px;
  vertical-align: bottom;
}

.field-dialog select, .field-dialog input[type=text] {
  margin-top: 0;
  margin-bottom: 0;
}

.field-dialog .advanced {
  float: right;
  margin-top: -30px;
}

#advanced-settings {
  border-top: 1px dotted silver;
  margin-top: 10px;
  padding-top: 10px;
}

#advanced-settings .controls {
  margin-left: 30px;
}

#advanced-settings input[type=text] {
  width: 35px;
}

#pdf-viewer #thumbnails {
  margin-top: 2px;
}

#pdf-viewer #thumbnails .thumb a {
  min-height: 205px;
  min-width: 160px;
}

#pdf-viewer #thumbnails .active a {
  background-color: #378fce;
}

#pdf-viewer #thumbnails .thumb img {
  border: 1px solid black;
  width: 150px; /* causes issues in IE8 */
  height: 194px;
}

#pdf-viewer #thumbnails .thumb .pageNumber {
  margin-top: -20px;
  margin-left: 5px;
}

#pdf-viewer #thumbnails .nav-tabs > li > a {
  background-color: #ffffff;
  border: none;
}

#pdf-viewer #thumbnails .tabs-right > .nav-tabs > li > a {
  margin-left: 0;
}

#pdf-viewer #thumbnails .nav-tabs > .active {
  margin-top: 0;
}

/* indicators for thumbnails with required fields and fields */
#pdf-viewer .arrow {
  position: absolute;
  right: -5px;
  margin-top: -200px;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.ui-tabs > .ui-tabs-nav > li.ui-tabs-selected > a,
.ui-tabs > .ui-tabs-nav > li.ui-tabs-selected > a:hover {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.pagination {
  height: 32px;
}

.pagination ul {
  display: block;
  *display: inline;
  height: 32px;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination li {
  display: inline;
}

.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 32px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}

.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}

.pagination .active a {
  color: #999999;
  cursor: default;
}

.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

#eSingFormModal > div > div > div.modal-header {
  font-size: x-large;
  vertical-align: middle;
}

#talentcenter-esign-dialog > div > div > div.modal-header {
  font-size: x-large;
  vertical-align: middle;
  text-align: center;
}

#talentcenter-esign-dialog .control-group {
  margin-top: 12px;
  margin-bottom: 12px;
}

#talentcenter-esign-dialog .alert {
  text-align: center;
}

#talentcenter-esign-dialog .alert-error {
  color: red;
}

#talentcenter-esign-dialog .ui-datepicker-trigger {
  margin-left: 10px;
}

/* End PDF Viewer */
#attachment-view-modal .attachment-view-modal_close-mobile {
  position: fixed;
  top: 0;
  right: 0;
  color: #fff;
  fill: #fff;
  z-index: 1;
  background-color: grey;
  padding: 0px;
  width: 40px;
  text-align: center;
  height: 40px;
  font-size: 30px;
  cursor: pointer;
  display: none;
}
@media (max-width: 767px) {
  #attachment-view-modal .attachment-view-modal_close-mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  #attachment-view-modal .close {
    display: none;
  }
}
#attachment-view-modal .modal-backdrop {
  opacity: 0;
}
#attachment-view-modal .modal-body--view-attachment img {
  width: 100%;
}
#attachment-view-modal .modal-body--view-attachment .gadget-loading {
  left: 0;
  top: 0;
}

#talentcenter-employee-task-view-dialog > div > div > div.modal-header {
  text-align: center;
}
#talentcenter-employee-task-view-dialog .row {
  padding-top: 10px;
}
#talentcenter-employee-task-view-dialog .row > div:first-of-type {
  color: #cacbcd;
}
#talentcenter-employee-task-view-dialog .row > div .svg-edit {
  display: none;
}
#talentcenter-employee-task-view-dialog .row > div.editable {
  cursor: pointer;
}
#talentcenter-employee-task-view-dialog .row > div.editable .form-field-value .svg-edit {
  position: relative;
  top: 4px;
  fill: #cacbcd;
  visibility: inherit;
  display: inline-block;
}
#talentcenter-employee-task-view-dialog .row > div.editable:hover {
  background-color: #e4e4e4;
}
#talentcenter-employee-task-view-dialog .row > div.editable:hover .form-field-value .svg-edit {
  fill: #378fce;
  visibility: inherit;
  display: inline-block;
}
#talentcenter-employee-task-view-dialog .row:not(:first-of-type) {
  border-top: 1px solid #ddd;
}

.document-repository-files-modal__label {
  margin-bottom: 24px;
}

.show-status-configuration-modal__label {
  margin-bottom: 24px;
}

.sanitization-results-modal__sanitized-html-box {
  margin-top: 15px;
  padding-top: 15px;
}

/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
  border: 0px;
  font-weight: bold;
  width: 100%;
  padding: 4px 0;
  background-color: #f5f5f5;
  color: #808080;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }

.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

.ui-datepicker th {
  font-weight: bold;
  color: gray;
}

.ui-datepicker-today a:hover {
  background-color: #808080;
  color: #ffffff;
}

.ui-datepicker-today a {
  background-color: #BFBFBF !important;
  color: black;
  cursor: pointer;
  padding: 0 4px;
  margin-bottom: 0px;
}

.ui-datepicker td a {
  margin-bottom: 0px;
  border: 0px;
}

.ui-datepicker td:hover {
  color: white;
}

.ui-datepicker td .ui-state-default {
  border: 0px;
  background: none;
  margin-bottom: 0px;
  padding: 5px;
  color: gray;
  text-align: center;
  filter: none;
}

.ui-datepicker td .ui-state-active {
  background: #BFBFBF;
  margin-bottom: 0px;
  font-size: normal;
  text-shadow: 0px;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker td .ui-state-default:hover {
  background: #0064cd;
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.ui-datepicker {
  position: relative;
  z-index: 10000 !important;
  background-color: white;
}

.ui-datepicker-next {
  display: none;
}

.ui-datepicker-prev {
  display: none;
}

.ui-datepicker-common-tbe {
  border: solid 20px #e4e4e4;
  margin-left: -20px;
}

.ui-datepicker-today .ui-state-highlight {
  height: inherit;
}

/*
code pulled from oj-alta.css - this is css only needed to render the basic rating slider
the rest of oj-alta.css has not been included because it impacted overall layout of Talent Center
*/
.oj-radioset .oj-messaging-inline-container .oj-message:first-child,
.oj-checkboxset .oj-messaging-inline-container .oj-message:first-child,
.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  border-top-width: 1px;
}

.oj-switch .oj-messaging-inline-container .oj-message:first-child,
.oj-slider .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 5px;
}

.oj-slider-vertical .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 18px;
}

.oj-messaging-inline-container .oj-message.oj-message-error {
  background-color: #FFF3F3;
  border-color: #ffdfdf;
}

.oj-messaging-inline-container .oj-message.oj-message-warning {
  background-color: #fff2de;
  border-color: #ffeaca;
}

.oj-messaging-inline-container .oj-message.oj-message-info {
  background-color: #EAF5FB;
  border-color: #d9edf8;
}

.oj-messaging-inline-container .oj-message.oj-message-confirmation {
  background-color: #E5F6EA;
  border-color: #d6f1de;
}

/**
     * wraps a message block that includes the icon and content inline-blocks
     * 1. prevent wrapping the content inline-block.
     */
.oj-message {
  display: block;
  text-align: left;
  white-space: nowrap;
  /* 1 */
}

html[dir=rtl] .oj-message {
  text-align: right;
}

/* from second to last message blocks inside popup container */
.oj-messaging-popup-container .oj-message:nth-of-type(n+2) {
  padding-top: 20px;
}

.oj-message-content {
  display: inline-block;
  width: 95%;
  word-wrap: break-word;
}

/*
     * wraps the message summary and detail parts
     * 1. IE requires width to be set in addition to max-width. 324 is 95% of 340px
     */
.oj-messaging-popup-container .oj-message-content {
  max-width: 324px;
  width: 95%;
  /* 1 */
}

/**
     * message summary text
     * 1. allow summary text to wrap normally.
     */
.oj-message-summary {
  color: #333333;
  font-size: 1rem;
  font-weight: normal;
  vertical-align: top;
  white-space: normal;
  /* 1 */
}

html:not([dir=rtl]) .oj-message-summary {
  padding: 0 0 0 10px;
}

html[dir=rtl] .oj-message-summary {
  padding: 0 10px 0 0;
}

/**
     * message detail text
     * 1. allow detail text to wrap normally.
     */
.oj-message-detail {
  color: #333333;
  white-space: normal;
  /* 1 */
}

html:not([dir=rtl]) .oj-message-detail {
  padding: 7px 0 0 10px;
}

html[dir=rtl] .oj-message-detail {
  padding: 7px 10px 0 0;
}

/**
     * wraps all hints
     */
/**
     * for hint types - validator, converter
     */
/**
     * for hint title
     * 1. if title isn't the first hint add padding to the top.
     */
.oj-form-control-hint-title:not(:first-child) {
  padding-top: 20px;
  /* 1 */
}

.oj-message-status-icon {
  display: inline-block;
  vertical-align: top;
}

.oj-checkboxset .oj-messaging-inline-container .oj-message:first-child,
.oj-radioset .oj-messaging-inline-container .oj-message:first-child {
  margin-top: 5px;
}

/* wraps help text that displays inside popup. */
.oj-help-popup-container {
  max-width: 320px;
}

oj-label:not(.oj-complete) {
  visibility: hidden;
}

.oj-label,
.oj-label-nocomp {
  display: block;
  color: #666666;
  font-weight: normal;
  margin-bottom: 0.25em;
}

/*
      We need to line up a label with plain text but without giving it top margins which
      we get with oj-label-inline.
     */
.oj-label-nocomp.oj-label-inline.oj-label-for-non-control {
  margin-top: 0;
  vertical-align: baseline;
}

/* When label is block, this wrapper is needed in order
       to float modifiers (required, help, changed) to the end of the label */
.oj-label-group {
  display: inline-block;
  vertical-align: bottom;
}

.oj-label-help-icon {
  vertical-align: middle;
}

.oj-label-required-icon {
  vertical-align: top;
}

.oj-label label {
  float: left;
}

html[dir=rtl] .oj-label label {
  float: right;
}

.oj-label-required-icon,
.oj-label-help-icon {
  float: right;
}

html[dir=rtl] .oj-label-required-icon, html[dir=rtl] .oj-label-help-icon {
  float: left;
}

html:not([dir=rtl]) .oj-label-required-icon, html:not([dir=rtl]) .oj-label-help-icon {
  margin-left: 6px;
  margin-right: 0;
}

html[dir=rtl] .oj-label-required-icon, html[dir=rtl] .oj-label-help-icon {
  margin-right: 6px;
  margin-left: 0;
}

.oj-label-help-icon-anchor {
  text-decoration: none;
  float: right;
}

html[dir=rtl] .oj-label-help-icon-anchor {
  float: left;
}

html:not([dir=rtl]) .oj-label-help-icon-anchor {
  padding-right: 2px;
}

html[dir=rtl] .oj-label-help-icon-anchor {
  padding-left: 2px;
}

.oj-label.oj-label-nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html:not([dir=rtl]) .oj-label.oj-label-nowrap {
  padding-right: 0.5em;
}

html[dir=rtl] .oj-label.oj-label-nowrap {
  padding-left: 0.5em;
}

.oj-label.oj-label-nowrap .oj-label-group {
  overflow: inherit;
  text-overflow: inherit;
}

.oj-label-inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.55em;
  box-sizing: border-box;
}

html:not([dir=rtl]) .oj-label-inline {
  padding-right: 0.5em;
}

html[dir=rtl] .oj-label-inline {
  padding-left: 0.5em;
}

.oj-form-non-control-inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.55em;
  box-sizing: border-box;
}

.oj-label-inline label {
  float: right;
}

html[dir=rtl] .oj-label-inline label {
  float: left;
}

.oj-label-inline .oj-label-required-icon,
.oj-label-inline .oj-label-help-icon {
  float: left;
}

html[dir=rtl] .oj-label-inline .oj-label-required-icon, html[dir=rtl] .oj-label-inline .oj-label-help-icon {
  float: right;
}

html:not([dir=rtl]) .oj-label-inline .oj-label-required-icon, html:not([dir=rtl]) .oj-label-inline .oj-label-help-icon {
  margin-right: 6px;
  margin-left: 0;
}

html[dir=rtl] .oj-label-inline .oj-label-required-icon, html[dir=rtl] .oj-label-inline .oj-label-help-icon {
  margin-left: 6px;
  margin-right: 0;
}

.oj-label-inline .oj-label-help-icon-anchor {
  float: left;
}

html[dir=rtl] .oj-label-inline .oj-label-help-icon-anchor {
  float: right;
}

.oj-label-inline.oj-label-inline-top {
  margin-top: 0;
}

.oj-flex-bar > .oj-flex-bar-middle > .oj-form-control,
.oj-flex-bar > .oj-flex-bar-middle > .oj-form-non-control {
  margin-bottom: 10px;
}

.oj-label-accesskey {
  text-decoration: underline;
}

.oj-label-required-icon:before {
  content: "*";
}

.oj-label-required-icon {
  color: #045fab;
  font-size: 1.286rem;
  font-weight: normal;
  line-height: 1rem;
  font-family: inherit;
}

/* form-control classes */
/* --------------------------------------------------------------- */
html .oj-form-control {
  margin-bottom: 4px;
  vertical-align: middle;
}

/** for all hints */
.oj-form-control-hint {
  color: #333333;
  padding: 0;
  word-wrap: break-word;
}

.oj-form-control-title {
  color: #333333;
}

.oj-form-control-inherit .oj-form-control {
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  max-width: 100%;
  min-width: 100%;
}

oj-input-text:not(.oj-complete) {
  visibility: hidden;
}

oj-input-password:not(.oj-complete) {
  visibility: hidden;
}

oj-text-area:not(.oj-complete) {
  visibility: hidden;
}

.oj-inputtext,
.oj-inputpassword,
.oj-textarea,
.oj-inputtext-nocomp,
.oj-inputpassword-nocomp,
.oj-textarea-nocomp {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1rem;
  /* use a width of 100% and then max and min width so that when
         there's less room for the form control it can automatically
         get smaller instead of overflowing its boundaries */
  max-width: 18em;
  min-width: 8em;
  width: 100%;
}

.oj-inputtext-input,
.oj-inputpassword-input,
.oj-textarea-input,
.oj-inputtext-nocomp,
.oj-inputpassword-nocomp,
.oj-textarea-nocomp {
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  box-sizing: border-box;
  font-family: inherit;
  font-weight: normal;
  width: 100%;
}

html[dir=rtl] .oj-inputtext-input, html[dir=rtl] .oj-inputpassword-input,
html[dir=rtl] .oj-textarea-input,
html[dir=rtl] .oj-inputtext-nocomp,
html[dir=rtl] .oj-inputpassword-nocomp,
html[dir=rtl] .oj-textarea-nocomp {
  text-align: right;
}

.oj-inputtext-input::-webkit-input-placeholder,
.oj-inputpassword-input::-webkit-input-placeholder,
.oj-textarea-input::-webkit-input-placeholder,
.oj-inputtext-nocomp::-webkit-input-placeholder,
.oj-inputpassword-nocomp::-webkit-input-placeholder,
.oj-textarea-nocomp::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputtext-input::-moz-placeholder,
.oj-inputpassword-input::-moz-placeholder,
.oj-textarea-input::-moz-placeholder,
.oj-inputtext-nocomp::-moz-placeholder,
.oj-inputpassword-nocomp::-moz-placeholder,
.oj-textarea-nocomp::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputtext-input:-ms-input-placeholder,
.oj-inputpassword-input:-ms-input-placeholder,
.oj-textarea-input:-ms-input-placeholder,
.oj-inputtext-nocomp:-ms-input-placeholder,
.oj-inputpassword-nocomp:-ms-input-placeholder,
.oj-textarea-nocomp:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputtext-input[size],
.oj-inputpassword-input[size],
.oj-textarea-input[size] {
  width: auto;
}

.oj-inputtext-input,
.oj-inputpassword-input,
.oj-inputtext-nocomp,
.oj-inputpassword-nocomp {
  height: 2.286rem;
  padding: 0 5px;
  box-sizing: border-box;
}

.oj-textarea-input,
.oj-textarea-nocomp {
  height: auto;
  padding: 0.5em 5px;
  resize: none;
}

.oj-inputtext.oj-invalid .oj-inputtext-input,
.oj-inputpassword.oj-invalid .oj-inputpassword-input,
.oj-textarea.oj-invalid .oj-textarea-input {
  border-width: 2px;
  border-style: solid;
  border-color: #dd6666;
}

.oj-inputtext.oj-warning .oj-inputtext-input,
.oj-inputpassword.oj-warning .oj-inputpassword-input,
.oj-textarea.oj-warning .oj-textarea-input {
  border-width: 2px;
  border-style: solid;
  border-color: #ffd699;
}

.oj-inputtext.oj-disabled .oj-inputtext-input,
.oj-inputpassword.oj-disabled .oj-inputpassword-input,
.oj-textarea.oj-disabled .oj-textarea-input,
.oj-inputtext-nocomp[disabled],
.oj-inputpassword-nocomp[disabled],
.oj-textarea-nocomp[disabled] {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

.oj-inputtext.oj-read-only .oj-inputtext-input,
.oj-inputpassword.oj-read-only .oj-inputpassword-input,
.oj-textarea.oj-read-only .oj-textarea-input,
.oj-inputtext-nocomp[readonly],
.oj-inputpassword-nocomp[readonly],
.oj-textarea-nocomp[readonly] {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  font-size: 1rem;
  padding: 0;
}

.oj-textarea.oj-read-only .oj-textarea-input,
.oj-textarea-nocomp[readonly] {
  padding-top: 6px;
}

.oj-form-control-inherit .oj-inputtext-input,
.oj-form-control-inherit .oj-inputtext-nocomp,
.oj-form-control-inherit .oj-inputpassword-input,
.oj-form-control-inherit .oj-inputpassword-nocomp,
.oj-form-control-inherit .oj-textarea-input,
.oj-form-control-inherit .oj-textarea-nocomp {
  text-align: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border-width: 0;
}

/* inputnumber */
/* --------------------------------------------------------------- */
oj-input-number:not(.oj-complete) {
  visibility: hidden;
}

/* We need to support this sizing use cases:
       - width on root dom element should be the width of input and buttons, not just input. */
/* Root dom element for inputnumber.
     It wraps the input and the down/up buttons */
.oj-inputnumber {
  display: inline-block;
  /* use a width of 100% and then max and min width so that when
         there's less room for the form control it can automatically
         get smaller instead of overflowing its boundaries */
  max-width: 15em;
  min-width: 8em;
  width: 100%;
  font-size: 1rem;
}

.oj-inputnumber-wrapper {
  width: 100%;
  white-space: nowrap;
  display: -webkit-inline-flex;
  display: inline-flex;
  box-sizing: border-box;
  height: 2.286rem;
  border-radius: 2px;
}

/* Input field for inputnumber */
.oj-inputnumber-input {
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  -webkit-flex: 1;
  flex: 1;
  min-width: 1em;
  outline: 0;
  box-sizing: border-box;
  padding: 0 5px;
  font-family: inherit;
  font-size: 100%;
}

html[dir=rtl] .oj-inputnumber-input {
  text-align: right;
}

.oj-inputnumber-input::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputnumber-input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputnumber-input:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

html:not([dir=rtl]) .oj-inputnumber-input {
  border-radius: 2px 0 0 2px;
}

html[dir=rtl] .oj-inputnumber-input {
  border-radius: 0 2px 2px 0;
}

html:not([dir=rtl]) .oj-inputnumber-input {
  margin-right: 0;
}

html[dir=rtl] .oj-inputnumber-input {
  margin-left: 0;
}

/* Invalid/warning styling */
/* ----------------------- */
.oj-inputnumber.oj-invalid .oj-inputnumber-input {
  border-color: #dd6666;
  border-style: solid;
}

.oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-color: #ffd699;
  border-style: solid;
}

html:not([dir=rtl]) .oj-inputnumber.oj-invalid .oj-inputnumber-input, html:not([dir=rtl]) .oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-width: 2px 0 2px 2px;
}

html[dir=rtl] .oj-inputnumber.oj-invalid .oj-inputnumber-input, html[dir=rtl] .oj-inputnumber.oj-warning .oj-inputnumber-input {
  border-width: 2px 2px 2px 0;
}

.oj-inputnumber.oj-invalid .oj-inputnumber-button,
.oj-inputnumber.oj-warning .oj-inputnumber-button {
  border-top-width: 0;
  border-bottom-width: 0;
}

html:not([dir=rtl]) .oj-inputnumber.oj-invalid .oj-buttonset-last, html:not([dir=rtl]) .oj-inputnumber.oj-warning .oj-buttonset-last {
  border-right: 0;
}

html[dir=rtl] .oj-inputnumber.oj-invalid .oj-buttonset-last, html[dir=rtl] .oj-inputnumber.oj-warning .oj-buttonset-last {
  border-left: 0;
}

html:not([dir=rtl]) .oj-inputnumber.oj-invalid .oj-buttonset, html:not([dir=rtl]) .oj-inputnumber.oj-warning .oj-buttonset {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir=rtl] .oj-inputnumber.oj-invalid .oj-buttonset, html[dir=rtl] .oj-inputnumber.oj-warning .oj-buttonset {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.oj-inputnumber.oj-invalid .oj-buttonset {
  border-style: solid;
  border-color: #dd6666;
}

.oj-inputnumber.oj-warning .oj-buttonset {
  border-style: solid;
  border-color: #ffd699;
}

html:not([dir=rtl]) .oj-inputnumber.oj-invalid .oj-buttonset, html:not([dir=rtl]) .oj-inputnumber.oj-warning .oj-buttonset {
  border-width: 2px 2px 2px 0;
}

html[dir=rtl] .oj-inputnumber.oj-invalid .oj-buttonset, html[dir=rtl] .oj-inputnumber.oj-warning .oj-buttonset {
  border-width: 2px 0 2px 2px;
}

/* Disabled styling for the widget */
.oj-inputnumber.oj-disabled .oj-inputnumber-input {
  color: #9e9e9e;
  background-color: #efeff1;
}

.oj-inputnumber.oj-disabled .oj-inputnumber-input {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

/* readonly styling for the widget */
.oj-inputnumber.oj-read-only .oj-inputnumber-input {
  border-color: transparent;
}

.oj-inputnumber.oj-read-only .oj-inputnumber-input {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  font-size: 1rem;
  padding: 0;
}

/* Styling for focus state */
/* styling for inputNumber's buttonset/buttons */
.oj-inputnumber .oj-buttonset {
  height: 100%;
  box-sizing: border-box;
}

.oj-inputnumber .oj-inputnumber-button.oj-button {
  height: 100%;
  line-height: normal;
  margin-bottom: 0;
}

.oj-inputnumber.oj-read-only .oj-buttonset {
  display: none;
}

.oj-inputnumber-button.oj-button.oj-focus {
  outline-style: none;
}

html:not([dir=rtl]) .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-first, html:not([dir=rtl]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-first,
html:not([dir=rtl]) .oj-inputnumber .oj-buttonset {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html[dir=rtl] .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-first, html[dir=rtl] .oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-first,
html[dir=rtl] .oj-inputnumber .oj-buttonset {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html:not([dir=rtl]) .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-last, html:not([dir=rtl]) .oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-last,
html:not([dir=rtl]) .oj-inputnumber .oj-buttonset {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

html[dir=rtl] .oj-buttonset-multi.oj-button-full-chrome .oj-inputnumber-button.oj-buttonset-last, html[dir=rtl] .oj-buttonset-multi.oj-button-outlined-chrome .oj-inputnumber-button.oj-buttonset-last,
html[dir=rtl] .oj-inputnumber .oj-buttonset {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.oj-inputnumber .oj-inputnumber-button.oj-buttonset-first {
  border-top-width: 0;
  border-bottom-width: 0;
}

.oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
  border-top-width: 0;
  border-bottom-width: 0;
}

html:not([dir=rtl]) .oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
  border-right-width: 0;
}

html[dir=rtl] .oj-inputnumber .oj-inputnumber-button.oj-buttonset-last {
  border-left-width: 0;
}

.oj-inputnumber .oj-buttonset {
  border-color: #dfe4e7;
  border-width: 1px;
  border-style: solid;
}

html:not([dir=rtl]) .oj-inputnumber .oj-buttonset {
  border-left-width: 0;
}

html[dir=rtl] .oj-inputnumber .oj-buttonset {
  border-right-width: 0;
}

.oj-form-control-inherit .oj-inputnumber-input {
  text-align: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border-width: 0;
}

.oj-form-control-inherit .oj-inputnumber-wrapper {
  height: 100%;
}

.oj-inputnumber-up-icon {
  margin-bottom: 1px;
}

.oj-inputnumber .oj-inputnumber-down-icon,
.oj-inputnumber .oj-inputnumber-up-icon {
  font-size: 12px;
}

html:not([dir=rtl]) .oj-inputnumber-input {
  border-right-width: 0;
}

html[dir=rtl] .oj-inputnumber-input {
  border-left-width: 0;
}

/* listbox */
/* --------------------------------------------------------------- */
/*
     * applied to the dropdown
     */
/* defines the stacking context for the listbox */
.oj-listbox-drop-layer {
  z-index: 1000;
}

.oj-listbox-drop {
  box-sizing: border-box;
  top: 100%;
  background: #ffffff;
  border: 1px solid #c4ced7;
  border-top: 0;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.35);
}

/*
     * applied to the dropdown when it is open above the component
     */
.oj-listbox-drop-above {
  border-top: 1px solid #c4ced7;
  border-bottom: 0;
}

/*
     * applied to placeholder in the dropdown
     */
.oj-listbox-placeholder {
  color: #737373;
}

/*
     * applied to results
     */
.oj-listbox-results {
  max-height: 200px;
  padding: 0;
  margin: 1px 0 2px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent;
}

/*
     * applied to nested option groups
     */
.oj-listbox-result-sub {
  margin: 0;
  padding: 0;
}

/*
     * applied to result labels
     */
.oj-listbox-result-label {
  line-height: 2rem;
  margin: 0;
  cursor: pointer;
  min-height: 2rem;
  word-wrap: break-word;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

html:not([dir=rtl]) .oj-listbox-result-label {
  padding-left: 5px;
}

html[dir=rtl] .oj-listbox-result-label {
  padding-right: 5px;
}

/*
     * applied to result labels in different nested levels of option groups.
     * Padding is used instead of margins because the background color for states
     * like hover need to span across the entire box.
     */
html:not([dir=rtl]) .oj-listbox-results-depth-1 > .oj-listbox-result-label {
  padding-left: 20px;
}

html[dir=rtl] .oj-listbox-results-depth-1 > .oj-listbox-result-label {
  padding-right: 20px;
}

html:not([dir=rtl]) .oj-listbox-results-depth-2 > .oj-listbox-result-label {
  padding-left: 35px;
}

html[dir=rtl] .oj-listbox-results-depth-2 > .oj-listbox-result-label {
  padding-right: 35px;
}

html:not([dir=rtl]) .oj-listbox-results-depth-3 > .oj-listbox-result-label {
  padding-left: 50px;
}

html[dir=rtl] .oj-listbox-results-depth-3 > .oj-listbox-result-label {
  padding-right: 50px;
}

html:not([dir=rtl]) .oj-listbox-results-depth-4 > .oj-listbox-result-label {
  padding-left: 65px;
}

html[dir=rtl] .oj-listbox-results-depth-4 > .oj-listbox-result-label {
  padding-right: 65px;
}

html:not([dir=rtl]) .oj-listbox-results-depth-5 > .oj-listbox-result-label {
  padding-left: 80px;
}

html[dir=rtl] .oj-listbox-results-depth-5 > .oj-listbox-result-label {
  padding-right: 80px;
}

html:not([dir=rtl]) .oj-listbox-results-depth-6 > .oj-listbox-result-label {
  padding-left: 95px;
}

html[dir=rtl] .oj-listbox-results-depth-6 > .oj-listbox-result-label {
  padding-right: 95px;
}

html:not([dir=rtl]) .oj-listbox-results-depth-7 > .oj-listbox-result-label {
  padding-left: 110px;
}

html[dir=rtl] .oj-listbox-results-depth-7 > .oj-listbox-result-label {
  padding-right: 110px;
}

/*
     * applied to the nested option group labels,
     * they are direct children of li.oj-listbox-result-with-children
     */
.oj-listbox-result-with-children > .oj-listbox-result-label {
  font-weight: bold;
}

/*
     * applied to choices in the dropdown
     */
.oj-listbox-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

/*
     * applied to the hovered choices in the dropdown
     */
.oj-listbox-results .oj-hover {
  background: #ebeced;
}

/*
     * applied to disabled choices in the dropdown
     */
.oj-listbox-results .oj-disabled {
  color: #9e9e9e;
  display: list-item;
  cursor: default;
}

/*
     * applied to selected choice in the dropdown
     */
.oj-listbox-results .oj-selected {
  display: none;
}

/*
     * This class is only applied transiently to measure the browser native scollbar
     */
.oj-listbox-measure-scrollbar {
  position: absolute;
  top: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

html:not([dir=rtl]) .oj-listbox-measure-scrollbar {
  left: -10000px;
}

html[dir=rtl] .oj-listbox-measure-scrollbar {
  right: -10000px;
}

/* icons */
/* -----------------------------*/
/*
     * Applied to the search icon
     */
.oj-listbox-search-icon {
  color: #878c90;
}

/*
     * Applied to the spyglass (search icon) container
     */
.oj-listbox-spyglass-box {
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  border: 0;
  overflow: hidden;
  display: inline-block;
  position: absolute;
}

html:not([dir=rtl]) .oj-listbox-spyglass-box {
  right: 0;
  padding-right: 5px;
}

html[dir=rtl] .oj-listbox-spyglass-box {
  left: 0;
  padding-left: 5px;
}

/*
     * Applied to the search box which includes the search text and the spyglass icon
     */
.oj-listbox-search {
  box-sizing: border-box;
  width: 100%;
  display: inline-table;
  background-color: #ffffff;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
}

/*
     * Applied to the search text
     */
.oj-listbox-input {
  box-sizing: border-box;
  width: 100%;
  color: #333333;
  outline: none;
  border: 0;
  border-radius: 2px;
  background-color: inherit;
  box-shadow: none;
  padding-top: 6px;
  padding-bottom: 5px;
}

html:not([dir=rtl]) .oj-listbox-input {
  padding-right: 2rem;
  padding-left: 5px;
}

html[dir=rtl] .oj-listbox-input {
  padding-left: 2rem;
  padding-right: 5px;
}

/*
     * Used to cover the border bottom of the select box when the dropdown is open
     */
.oj-listbox-search-wrapper {
  border: 0;
  padding: 5px;
  background-color: #fcfdfe;
}

/*
     * Applied to the "No matches found" result entry
     */
html:not([dir=rtl]) .oj-listbox-no-results {
  padding-left: 5px;
}

html[dir=rtl] .oj-listbox-no-results {
  padding-right: 5px;
}

.oj-hicontrast .oj-listbox-results .oj-hover {
  border: 1px solid #dfe4e7;
}

.oj-hicontrast .oj-listbox-results .oj-disabled {
  border: 1px dotted #dfe4e7;
}

/*
     * Applied to the search icon
     */
.oj-listbox-search-icon {
  padding: 0.31rem;
}

/*
     * Applied to the spyglass (search icon) container
     */
.oj-listbox-spyglass-box {
  padding-top: 1px;
}

html:not([dir=rtl]) .oj-listbox-spyglass-box {
  padding-right: 6px;
}

html[dir=rtl] .oj-listbox-spyglass-box {
  padding-left: 6px;
}

/*
     * Applied to the listbox results if it has custonm header.
     */
.oj-listbox-results-with-header {
  padding: 0;
  margin: 0;
}

/*
     * Applied to the listbox custonm header options.
     */
.oj-listbox-results-with-header li {
  background-image: none;
  list-style: outside none none;
}

/*
     * Applied to the listbox custonm header.
     */
.oj-listbox-result-header {
  padding: 5px 5px 0 5px;
}

.oj-listbox-result-header ul {
  padding: 0;
}

.oj-listbox-result-header a.oj-focus {
  text-decoration: underline;
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

/*
     * Applied to the matching text in the dropdown options
     */
.oj-listbox-highlighter {
  font-weight: bold;
}

.oj-form-control-inherit .oj-listbox-input {
  text-align: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border-width: 0;
}

/*
     * applied to the nested option group labels,
     * they are direct children of li.oj-listbox-result-with-children
     */
.oj-listbox-result-with-children > .oj-listbox-result-label {
  font-weight: 500;
  color: #252525;
}

oj-input-time:not(.oj-complete) {
  visibility: hidden;
}

oj-input-date:not(.oj-complete) {
  visibility: hidden;
}

oj-input-date-time:not(.oj-complete) {
  visibility: hidden;
}

oj-date-picker:not(.oj-complete) {
  visibility: hidden;
}

oj-calendar:not(.oj-complete) {
  visibility: hidden;
}

.oj-inputdatetime,
.oj-inputdatetime-date-time,
.oj-inputdatetime-date-only,
.oj-inputdatetime-time-only {
  /* use a width of 100% and then max and min width so that when
         there's less room for the form control it can automatically
         get smaller instead of overflowing its boundaries */
  max-width: 18em;
  min-width: 8em;
  width: 100%;
  display: inline-block;
  position: relative;
}

.oj-inputdatetime-inline {
  /* use a width of 100% and then max and min width so that when
         there's less room for the form control it can automatically
         get smaller instead of overflowing its boundaries */
  max-width: 277px;
  min-width: 8em;
  width: 100%;
}

.oj-inputdatetime-input-container {
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  width: 100%;
  font-size: 1rem;
}

.oj-inputdatetime-input {
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  -webkit-flex: 1;
  flex: 1;
  min-width: 1em;
  font-family: inherit;
  font-weight: normal;
  padding: 0 5px;
  height: 2.286rem;
  outline: 0;
}

html[dir=rtl] .oj-inputdatetime-input {
  text-align: right;
}

.oj-inputdatetime-input::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputdatetime-input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputdatetime-input:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

html:not([dir=rtl]) .oj-inputdatetime-input {
  border-width: 1px 0 1px 1px;
  border-radius: 2px 0 0 2px;
}

html[dir=rtl] .oj-inputdatetime-input {
  border-width: 1px 1px 1px 0;
  border-radius: 0 2px 2px 0;
}

.oj-inputdatetime-input-trigger {
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  border-style: solid;
  border-color: #dfe4e7;
  background-color: #fcfdfe;
  height: 2.286rem;
  line-height: 2.286rem;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  outline: 0;
}

html:not([dir=rtl]) .oj-inputdatetime-input-trigger {
  border-width: 1px 1px 1px 0;
  border-radius: 0 2px 2px 0;
}

html[dir=rtl] .oj-inputdatetime-input-trigger {
  border-width: 1px 0 1px 1px;
  border-radius: 2px 0 0 2px;
}

.oj-inputdatetime.oj-warning .oj-inputdatetime-input,
.oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-color: #ffd699;
}

.oj-inputdatetime:not(.oj-read-only):not(.oj-inputdatetime-inline).oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

.oj-inputdatetime.oj-invalid .oj-inputdatetime-input,
.oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger {
  border-color: #dd6666;
}

html:not([dir=rtl]) .oj-inputdatetime.oj-invalid .oj-inputdatetime-input, html:not([dir=rtl]) .oj-inputdatetime.oj-warning .oj-inputdatetime-input {
  border-width: 2px 0 2px 2px;
}

html[dir=rtl] .oj-inputdatetime.oj-invalid .oj-inputdatetime-input, html[dir=rtl] .oj-inputdatetime.oj-warning .oj-inputdatetime-input {
  border-width: 2px 2px 2px 0;
}

html:not([dir=rtl]) .oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger, html:not([dir=rtl]) .oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-width: 2px 2px 2px 0;
}

html[dir=rtl] .oj-inputdatetime.oj-invalid .oj-inputdatetime-input-trigger, html[dir=rtl] .oj-inputdatetime.oj-warning .oj-inputdatetime-input-trigger {
  border-width: 2px 0 2px 2px;
}

.oj-inputdatetime.oj-disabled .oj-inputdatetime-input {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

.oj-inputdatetime.oj-disabled .oj-inputdatetime-input-trigger {
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

.oj-inputdatetime.oj-read-only .oj-inputdatetime-input {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  font-size: 1rem;
  padding: 0;
}

.oj-inputdatetime.oj-read-only .oj-inputdatetime-input-trigger {
  display: none;
}

.oj-inputdatetime-calendar-icon,
.oj-inputdatetime-time-icon {
  cursor: pointer;
  padding: 0 5px;
  vertical-align: middle;
  line-height: inherit;
}

.oj-inputdatetime-calendar-icon.oj-disabled,
.oj-inputdatetime-time-icon.oj-disabled {
  background-color: #efeff1;
  cursor: default;
}

.oj-datepicker-popup .oj-popup-content {
  padding: 0;
}

.oj-datepicker-wrapper {
  padding-bottom: 15px;
}

/* Class for the root node that contains the floating calendar */
.oj-datepicker-content {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

html[dir=rtl] .oj-datepicker-content {
  direction: rtl;
}

.oj-datepicker-header {
  margin: 15px 15px 0;
  position: relative;
  background: none;
  border: 0;
  color: #252525;
}

.oj-datepicker-prev-icon,
.oj-datepicker-next-icon {
  position: absolute;
  line-height: 35px;
}

html:not([dir=rtl]) .oj-datepicker-prev-icon {
  left: 2px;
}

html[dir=rtl] .oj-datepicker-prev-icon {
  right: 2px;
}

html:not([dir=rtl]) .oj-datepicker-next-icon {
  right: 2px;
}

html[dir=rtl] .oj-datepicker-next-icon {
  left: 2px;
}

.oj-datepicker-title {
  margin: 0 2.2em;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.oj-datepicker-title select {
  font-size: 1rem;
  margin: 1px 0;
  background-color: inherit;
  color: inherit;
}

.oj-datepicker-header a.oj-enabled,
.oj-datepicker-buttonpane a.oj-enabled {
  text-decoration: none;
  color: #0572ce;
}

.oj-datepicker-header a.oj-enabled.oj-hover,
.oj-datepicker-buttonpane a.oj-enabled.oj-hover {
  color: #85bae7;
}

.oj-datepicker-header a.oj-enabled.oj-active,
.oj-datepicker-buttonpane a.oj-enabled.oj-active {
  color: #0572ce;
}

.oj-datepicker-month-year {
  width: 100%;
}

.oj-datepicker-month {
  margin-right: 20px;
}

.oj-datepicker-month,
.oj-datepicker-year {
  font-size: 18px;
  width: 48%;
  min-width: 0;
}

.oj-datepicker-calendar {
  border-collapse: collapse;
  margin: 0 15px;
  outline: 0 none;
}

.oj-datepicker-calendar th,
.oj-datepicker-calendar td {
  border: 0;
  text-align: center;
}

.oj-datepicker-calendar th {
  padding: 0;
  height: 35px;
  text-transform: uppercase;
  font-weight: normal;
  color: #878c90;
}

.oj-datepicker-calendar td {
  padding: 0;
}

.oj-datepicker-calendar td span,
.oj-datepicker-calendar td a {
  display: block;
  padding: 0;
  border-radius: 50%;
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  line-height: 31px;
  text-align: center;
}

.oj-datepicker-calendar.oj-datepicker-weekdisplay td span,
.oj-datepicker-calendar.oj-datepicker-weekdisplay td a {
  width: 30.625px;
  height: 30.625px;
  line-height: 26.625px;
}

.oj-datepicker-calendar.oj-datepicker-monthview,
.oj-datepicker-calendar.oj-datepicker-yearview {
  /* Take up space on right and bottom to make it same size as day view */
  margin-right: 35px;
  margin-bottom: 5px;
}

.oj-datepicker-calendar.oj-datepicker-monthview td,
.oj-datepicker-calendar.oj-datepicker-yearview td {
  padding: 10px 5px 5px 25px;
}

.oj-datepicker-calendar.oj-datepicker-monthview td span,
.oj-datepicker-calendar.oj-datepicker-monthview td a,
.oj-datepicker-calendar.oj-datepicker-yearview td span,
.oj-datepicker-calendar.oj-datepicker-yearview td a {
  width: 45px;
  height: 45px;
  line-height: 41px;
}

.oj-datepicker-calendar td a:focus {
  outline: none;
}

.oj-datepicker-calendar td a.oj-enabled {
  background: none;
  border: 2px solid transparent;
  color: #333333;
  text-decoration: none;
}

.oj-datepicker-calendar td.oj-datepicker-today a.oj-hover,
.oj-datepicker-calendar td a.oj-hover {
  background-color: #85bae7;
  color: #ffffff;
}

.oj-datepicker-calendar td.oj-datepicker-today a.oj-selected,
.oj-datepicker-calendar td a.oj-selected {
  font-weight: bold;
  background: #0572ce;
  color: #ffffff;
}

.oj-datepicker-calendar td.oj-disabled span {
  color: #9e9e9e;
}

.oj-datepicker-calendar td.oj-datepicker-other-month a.oj-enabled {
  color: #527689;
}

.oj-datepicker-calendar td.oj-datepicker-today a {
  background-color: #f9f9f9;
  border: 2px solid #c4ced7;
}

.oj-datepicker-buttonpane {
  box-sizing: border-box;
  height: 35px;
  font-size: 18px;
  text-align: center;
  line-height: 35px;
  display: inline-block;
  width: 100%;
}

html[dir=rtl] .oj-datepicker-buttonpane {
  clear: right;
}

.oj-datepicker-buttonpane a {
  width: auto;
  overflow: visible;
}

.oj-datepicker-buttonpane .oj-datepicker-single-button {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* with multiple calendars, need to override the width */
.oj-datepicker-content.oj-datepicker-multi {
  width: auto;
}

.oj-datepicker-group {
  box-sizing: border-box;
}

.oj-datepicker-multi .oj-datepicker-group {
  float: left;
}

html[dir=rtl] .oj-datepicker-multi .oj-datepicker-group {
  float: right;
}

.oj-datepicker-multi-2 .oj-datepicker-group {
  width: 50%;
}

.oj-datepicker-multi-3 .oj-datepicker-group {
  width: 33.3%;
}

.oj-datepicker-multi-4 .oj-datepicker-group {
  width: 25%;
}

html:not([dir=rtl]) .oj-datepicker-multi .oj-datepicker-group-last .oj-datepicker-header, html:not([dir=rtl]) .oj-datepicker-multi .oj-datepicker-group-middle .oj-datepicker-header {
  border-left-width: 0;
}

html[dir=rtl] .oj-datepicker-multi .oj-datepicker-group-last .oj-datepicker-header, html[dir=rtl] .oj-datepicker-multi .oj-datepicker-group-middle .oj-datepicker-header {
  border-right-width: 0;
}

.oj-datepicker-multi .oj-datepicker-buttonpane {
  clear: left;
}

.oj-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.oj-datepicker-unselectable {
  opacity: 0.35;
}

.oj-datepicker-calendar.oj-focus-highlight td.oj-datepicker-days-cell-over a {
  border: 2px solid #85bae7;
}

.oj-datepicker-week-col {
  color: #666666;
  width: 30.625px;
}

th.oj-datepicker-week-col {
  background-color: #fafafa;
}

td.oj-datepicker-week-col {
  background-color: #f0f0f0;
}

.oj-datepicker-inline {
  margin-bottom: 6px;
}

.oj-datepicker-inline .oj-datepicker-content {
  background-color: #ffffff;
  border: 1px solid #d6dfe6;
}

.oj-timepicker-popup .oj-popup-content {
  padding: 0;
}

.oj-timepicker-content {
  position: relative;
  padding: 15px;
  min-width: 275px;
  box-sizing: border-box;
}

.oj-timepicker-header,
.oj-timepicker-footer {
  color: #0572ce;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  background: none;
  border: 0;
}

.oj-timepicker-header {
  position: relative;
}

.oj-timepicker-cancel-button {
  position: absolute;
}

html:not([dir=rtl]) .oj-timepicker-cancel-button {
  left: 0;
}

html[dir=rtl] .oj-timepicker-cancel-button {
  right: 0;
}

.oj-timepicker-ok-button {
  position: absolute;
}

html:not([dir=rtl]) .oj-timepicker-ok-button {
  right: 0;
}

html[dir=rtl] .oj-timepicker-ok-button {
  left: 0;
}

.oj-timepicker-footer {
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.oj-timepicker-header a.oj-enabled,
.oj-timepicker-footer a.oj-enabled {
  text-decoration: none;
  color: #0572ce;
}

.oj-timepicker-header a.oj-enabled.oj-hover,
.oj-timepicker-footer a.oj-enabled.oj-hover {
  color: #85bbe7;
}

.oj-timepicker-header a.oj-enabled.oj-active,
.oj-timepicker-footer a.oj-enabled.oj-active {
  color: #0572ce;
}

.oj-timepicker-wheel-group {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  padding: 15px 0;
}

.oj-timepicker-wheel {
  position: relative;
  height: 215px;
  width: 79px;
  overflow: hidden;
  box-sizing: border-box;
  outline: 0;
}

.oj-timepicker-wheel.oj-timepicker-minute,
.oj-timepicker-wheel.oj-timepicker-meridian {
  margin-left: 4px;
}

.oj-timepicker-wheel-item {
  transition: all 0.15s;
  top: -100px;
  position: absolute;
  opacity: 0;
  width: 79px;
  text-align: center;
  color: #0572ce;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.oj-timepicker-wheel-item.oj-disabled {
  color: #9e9e9e;
}

.oj-timepicker-wheel-item-content {
  text-align: center;
  white-space: nowrap;
}

.oj-timepicker-wheel.oj-focus .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  border-radius: 2px;
  background-color: #e4f0fa;
  color: black;
}

.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1,
.oj-timepicker-wheel.oj-active .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  opacity: 1;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0 {
  font-size: 46px;
  height: 54px;
  top: 78px;
  opacity: 1;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  font-size: 34px;
  height: 40px;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  font-size: 24px;
  height: 30px;
}

.oj-timepicker-wheel-item {
  height: 20px;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0:lang(el),
.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0:lang(ja),
.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0:lang(ko),
.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0:lang(zh) {
  font-size: 38px;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item:lang(el),
.oj-timepicker-meridian .oj-timepicker-wheel-item:lang(ja),
.oj-timepicker-meridian .oj-timepicker-wheel-item:lang(ko),
.oj-timepicker-meridian .oj-timepicker-wheel-item:lang(zh) {
  font-size: 28px;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0:lang(hi) {
  font-size: 24px;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item:lang(hi) {
  font-size: 18px;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item.oj-timepicker-wheel-item-position0:lang(sq) {
  font-size: 16px;
}

.oj-timepicker-meridian .oj-timepicker-wheel-item:lang(sq) {
  font-size: 14px;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position1 {
  top: 136px;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position2 {
  top: 180px;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position7 {
  top: 214px;
  visibility: hidden;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-1 {
  top: 34px;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-2 {
  top: 0;
}

.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-3,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-4,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-5,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-6,
.oj-timepicker-wheel-item.oj-timepicker-wheel-item-position-7 {
  top: -24px;
  visibility: hidden;
}

.oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input {
  text-align: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border-width: 0;
}

.oj-form-control-inherit .oj-inputdatetime-input-container,
.oj-form-control-inherit .oj-inputdatetime .oj-inputdatetime-input-trigger {
  height: 100%;
  background-color: inherit;
  border-width: 0;
}

/* Override default options*/
.oj-inputdatetime-option-defaults {
  font-family: '{"renderMode":"jet","keyboardEdit":"enabled","datePicker":{"footerLayout":"today"}}';
}

/* radioset and checkboxset styles */
/* this styles the radio, checkbox, and their labels */
/* --------------------------------------------------------------- */
oj-radioset:not(.oj-complete) {
  visibility: hidden;
}

oj-checkboxset:not(.oj-complete) {
  visibility: hidden;
}

/* App developer should put a span around the input and label, and use this styleclass */
.oj-choice-row {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0;
}

.oj-choice-row-inline {
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 1px;
}

.oj-choice-row input[type=checkbox],
.oj-choice-row input[type=radio],
.oj-choice-row-inline input[type=checkbox],
.oj-choice-row-inline input[type=radio] {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.oj-choice-row .oj-radio-label,
.oj-choice-row .oj-checkbox-label,
.oj-choice-row .oj-checkbox-label-nocomp {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.oj-radioset,
.oj-checkboxset {
  display: inline-block;
}

.oj-radio-label,
.oj-checkbox-label,
.oj-checkbox-label-nocomp {
  color: #333333;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.oj-radio-label.oj-disabled .oj-radiocheckbox-label-text,
.oj-checkbox-label.oj-disabled .oj-radiocheckbox-label-text,
.oj-checkbox-nocomp[disabled] + .oj-checkbox-label-nocomp {
  color: #9e9e9e;
  opacity: 1;
}

.oj-radio,
.oj-checkbox,
.oj-checkbox-nocomp {
  display: inline-block;
}

.oj-radioset-wrapper,
.oj-checkboxset-wrapper {
  box-sizing: border-box;
}

.oj-checkboxset-no-chrome .oj-checkboxset-wrapper,
.oj-radioset-no-chrome .oj-radioset-wrapper {
  background-color: inherit;
}

.oj-radioset .oj-choice-row.oj-active,
.oj-radioset .oj-choice-row-inline.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single).oj-choice-row-inline.oj-active {
  background-color: transparent;
}

.oj-radioset .oj-choice-row.oj-active .oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row.oj-active {
  border-top: 1px solid transparent;
}

.oj-choice-row-inline {
  margin: 0;
  padding-top: 0;
}

.oj-radioset .oj-choice-row:first-child,
.oj-checkboxset .oj-choice-row:first-child {
  border-top: 1px transparent solid;
}

.oj-radioset .oj-choice-row,
.oj-checkboxset .oj-choice-row {
  border-top: 1px transparent solid;
  padding-top: 0;
}

.oj-radioset .oj-choice-row.oj-active + .oj-choice-row,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row.oj-active + .oj-choice-row {
  border-top: 1px solid transparent;
}

.oj-radioset .oj-choice-row:last-child.oj-active,
.oj-checkboxset:not(.oj-checkboxset-single) .oj-choice-row:last-child.oj-active {
  border-bottom: 1px solid transparent;
}

.oj-choice-row:last-child {
  border-bottom: 1px solid transparent;
}

.oj-choice-row,
.oj-choice-row-inline {
  position: relative;
  min-height: 1.73rem;
  height: 1.73rem;
}

.oj-form-control-inherit .oj-checkboxset-single .oj-choice-row,
.oj-form-control-inherit .oj-checkboxset-single .oj-checkboxset-wrapper {
  margin-bottom: 0;
  height: 100%;
  min-height: 100%;
}

.oj-radioset-input-end .oj-radio,
.oj-checkboxset-input-end .oj-checkbox {
  -webkit-order: 1;
  order: 1;
}

.oj-radioset-input-start .oj-radio-label,
.oj-checkboxset-input-start .oj-checkbox-label {
  -webkit-order: 1;
  order: 1;
}

/* Invalid styling for the radioset */
.oj-radioset.oj-invalid .oj-radio:not(.oj-disabled) {
  -moz-outline-radius: 8px 8px 8px 8px;
  outline: 2px solid #dd6666;
}

/* Warning styling for the radioset */
.oj-radioset.oj-warning .oj-radio:not(.oj-disabled) {
  -moz-outline-radius: 8px 8px 8px 8px;
  outline: 2px solid #ffd699;
}

/* Invalid styling for the checkboxset */
.oj-checkboxset.oj-invalid .oj-checkbox:not(.oj-disabled) {
  outline: 2px solid #dd6666;
}

/* Warning styling for the checkboxset */
.oj-checkboxset.oj-warning .oj-checkbox:not(.oj-disabled) {
  outline: 2px solid #ffd699;
}

/* Send to the client the renderInputAs variable value  */
.oj-radioset-option-defaults {
  font-family: '{"renderInputAs":"html"}';
}

.oj-checkboxset-option-defaults {
  font-family: '{"renderInputAs":"html"}';
}

html:not([dir=rtl]) .oj-radio, html:not([dir=rtl]) .oj-checkbox,
html:not([dir=rtl]) .oj-checkbox-nocomp {
  margin-left: 2px;
  margin-right: 0.74rem;
}

html[dir=rtl] .oj-radio, html[dir=rtl] .oj-checkbox,
html[dir=rtl] .oj-checkbox-nocomp {
  margin-right: 2px;
  margin-left: 0.74rem;
}

.oj-label-inline.oj-radioset-label,
.oj-label-inline.oj-checkboxset-label {
  margin-top: 5px;
}

html:not([dir=rtl]) .oj-choice-row-inline > .oj-radio-label, html:not([dir=rtl]) .oj-choice-row-inline > .oj-checkbox-label,
html:not([dir=rtl]) .oj-choice-row-inline > .oj-checkbox-label-nocomp {
  margin-right: 1.5em;
}

html[dir=rtl] .oj-choice-row-inline > .oj-radio-label, html[dir=rtl] .oj-choice-row-inline > .oj-checkbox-label,
html[dir=rtl] .oj-choice-row-inline > .oj-checkbox-label-nocomp {
  margin-left: 1.5em;
}

/* combobox */
/* --------------------------------------------------------------- */
oj-combobox:not(.oj-complete) {
  visibility: hidden;
}

.oj-combobox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 18em;
  min-width: 8em;
  width: 100%;
  font-size: 1rem;
}

/* single-select */
/*
     * Applied to the single-select box which includes the input field and the dropdown open icon
     */
.oj-combobox-choice {
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 2.286rem;
  width: 100%;
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
}

html[dir=rtl] .oj-combobox-choice {
  text-align: right;
}

.oj-combobox-choice::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-combobox-choice::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-combobox-choice:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

html:not([dir=rtl]) .oj-combobox-choice {
  padding-left: 5px;
}

html[dir=rtl] .oj-combobox-choice {
  padding-right: 5px;
}

/*
     * Applied to the input field
     */
.oj-combobox-input {
  box-shadow: none;
  -webkit-flex: 1;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0;
  background-color: #fcfdfe;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
}

.oj-combobox-input::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-combobox-input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-combobox-input:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

/*
     * Applied to the single-select drop down arrow
     */
.oj-combobox-arrow {
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}

.oj-combobox-arrow:hover, .oj-combobox-arrow:focus {
  text-decoration: none;
}

/*
     * Applied to the divider between the input and drop down arrow
     */
.oj-combobox-divider {
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  border-left: solid 1px #dfe4e7;
  height: 80%;
  vertical-align: middle;
}

/* multi-select */
/*
     * Applied to the multi-select box which includes the input field and the selected choices
     */
.oj-combobox-choices {
  box-sizing: border-box;
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: auto;
  min-height: 2.286rem;
  margin: 0;
  position: relative;
  cursor: text;
  overflow: hidden;
  padding-bottom: 5px;
}

html[dir=rtl] .oj-combobox-choices {
  text-align: right;
}

.oj-combobox-choices::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-combobox-choices::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-combobox-choices:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

html:not([dir=rtl]) .oj-combobox-choices {
  padding-left: 5px;
}

html[dir=rtl] .oj-combobox-choices {
  padding-right: 5px;
}

/*
     * Applied to the multi-select box list items which include the search field and the selected choices
     */
.oj-combobox-choices li {
  list-style: none;
}

html:not([dir=rtl]) .oj-combobox-choices li {
  float: left;
}

html[dir=rtl] .oj-combobox-choices li {
  float: right;
}

/*
     * Applied to the multi-select search field which is an li to wrap the input
     */
.oj-combobox-search-field {
  margin-top: 5px;
  padding: 0;
  white-space: nowrap;
  line-height: 2.0574rem;
}

/*
     * Applied to the multi-select selected choice
     */
.oj-combobox-selected-choice {
  line-height: 1.8rem;
  cursor: default;
  border-radius: 2px;
  border: 1px solid #c4ced7;
  color: black;
  background-clip: padding-box;
}

html:not([dir=rtl]) .oj-combobox-selected-choice {
  padding: 0 4px 0 7px;
  margin: 5px 6px 0 0;
}

html[dir=rtl] .oj-combobox-selected-choice {
  padding: 0 7px 0 4px;
  margin: 5px 0 0 6px;
}

/*
     * Applied to the multi-select selected choice when getting focus
     */
.oj-combobox-selected-choice.oj-focus {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

/*
     * Applied to the label of the selected choice
     */
.oj-combobox-selected-choice-label {
  display: inline-block;
  vertical-align: middle;
}

/*
     * Applied to the clear entry field of the selected choice
     */
.oj-combobox-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
}

html:not([dir=rtl]) .oj-combobox-clear-entry {
  right: 3px;
}

html[dir=rtl] .oj-combobox-clear-entry {
  left: 3px;
}

/* end multiselect */
/*
     * Invalid styling for the widget
     */
.oj-combobox.oj-invalid .oj-combobox-choice,
.oj-combobox-multi.oj-invalid .oj-combobox-choices {
  border-width: 2px;
  border-style: solid;
  border-color: #dd6666;
}

/*
     * Warning styling for the widget
     */
.oj-combobox.oj-warning .oj-combobox-choice,
.oj-combobox-multi.oj-warning .oj-combobox-choices {
  border-width: 2px;
  border-style: solid;
  border-color: #ffd699;
}

/*
     * Disabled styles for single-select
     */
.oj-combobox.oj-disabled .oj-combobox-choice,
.oj-combobox.oj-disabled input {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

.oj-combobox.oj-disabled input {
  border: 0;
}

.oj-combobox.oj-disabled .oj-combobox-arrow {
  cursor: default;
}

.oj-combobox.oj-disabled .oj-combobox-divider {
  border-color: #efeff1;
}

/*
     * Disabled styles for multi-select
     */
.oj-combobox-multi.oj-disabled .oj-combobox-choices,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice,
.oj-combobox-multi.oj-disabled .oj-combobox-selected-choice.oj-focus,
.oj-combobox-multi.oj-disabled input {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
  outline: 0;
}

.oj-combobox-multi.oj-disabled input {
  border: 0;
}

.oj-combobox-multi.oj-disabled .oj-combobox-clear-entry {
  display: none;
  background: none;
}

/*
     * Styling for focus state
     */
/* icon */
/* -----------------------------*/
/*
     * Applied to the clear entry icon
     */
.oj-combobox-clear-entry-icon {
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

/* icon */
/* -----------------------------*/
/*
     * Applied to the single-select drop down open icon
     */
.oj-combobox-open-icon {
  line-height: inherit;
  padding-right: 5px;
  padding-left: 5px;
}

/* clear entry icon for combobox */
.oj-form-control-inherit .oj-combobox .oj-combobox-choice,
.oj-form-control-inherit .oj-combobox .oj-combobox-choices,
.oj-form-control-inherit .oj-combobox-input {
  text-align: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border-width: 0;
}

/* select */
/* --------------------------------------------------------------- */
oj-select:not(.oj-complete) {
  visibility: hidden;
}

.oj-select {
  position: relative;
  display: inline-block;
  max-width: 18em;
  min-width: 8em;
  width: 100%;
  font-size: 1rem;
  box-sizing: border-box;
}

/*
     * Suppress focus ring around the select box
     */
.oj-select .oj-select-choice:focus {
  outline: none;
}

.oj-select .oj-select-choice.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

/*
     * Applied to the select box which includes the selected text and the dropdown open icon
     */
.oj-select-choice {
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
  text-overflow: ellipsis;
  height: 2.286rem;
}

html[dir=rtl] .oj-select-choice {
  text-align: right;
}

.oj-select-choice::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-choice::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-choice:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

html:not([dir=rtl]) .oj-select-choice {
  padding-left: 5px;
  padding-right: 0;
}

html[dir=rtl] .oj-select-choice {
  padding-left: 0;
  padding-right: 5px;
}

/* multi-select */
/*
     * Applied to the multi-select box which includes the input field and the selected choices
     */
.oj-select-choices {
  box-sizing: border-box;
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  height: auto;
  min-height: 2.286rem;
  margin: 0;
  position: relative;
  cursor: text;
  overflow: hidden;
  padding: 0 5px 5px;
}

html[dir=rtl] .oj-select-choices {
  text-align: right;
}

.oj-select-choices::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-choices::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-choices:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

/*
     * Applied to the multi-select box list items which include the search field and the selected choices
     */
.oj-select-choices li {
  list-style: none;
}

html:not([dir=rtl]) .oj-select-choices li {
  float: left;
}

html[dir=rtl] .oj-select-choices li {
  float: right;
}

/*
     * Applied to the multi-select search field which is an li to wrap the input
     */
.oj-select-search-field {
  margin-top: 5px;
  padding: 0;
  white-space: nowrap;
  line-height: 2.0574rem;
}

/*
     * Applied to the input field. Override default .oj-listbox-input
     */
.oj-select-multi .oj-listbox-input {
  color: #333333;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}

.oj-select-multi .oj-listbox-input::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-multi .oj-listbox-input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-multi .oj-listbox-input:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

html:not([dir=rtl]) .oj-select-multi .oj-listbox-input {
  padding-right: 0;
  padding-left: 0;
}

html[dir=rtl] .oj-select-multi .oj-listbox-input {
  padding-left: 0;
  padding-right: 0;
}

/*
     * Applied to the multi-select selected choice
     */
.oj-select-selected-choice {
  position: relative;
  line-height: 1.8rem;
  cursor: default;
  border-radius: 2px;
  border: 1px solid #c4ced7;
  color: black;
  background-clip: padding-box;
}

html:not([dir=rtl]) .oj-select-selected-choice {
  padding: 0 4px 0 7px;
  margin: 5px 6px 0 0;
}

html[dir=rtl] .oj-select-selected-choice {
  padding: 0 7px 0 4px;
  margin: 5px 0 0 6px;
}

/*
     * Applied to the multi-select selected choice when getting focus
     */
.oj-select-selected-choice.oj-focus {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

/*
     * Applied to the label of the selected choice
     */
.oj-select-selected-choice-label {
  display: inline-block;
  vertical-align: middle;
}

/*
     * Applied to the clear entry field of the selected choice
     */
.oj-select-clear-entry {
  display: inline-block;
  outline: none;
  text-align: center;
  vertical-align: middle;
  line-height: 100%;
}

html:not([dir=rtl]) .oj-select-clear-entry {
  right: 3px;
}

html[dir=rtl] .oj-select-clear-entry {
  left: 3px;
}

/* end multiselect */
/* Invalid styling for the widget */
.oj-select.oj-invalid .oj-select-choice,
.oj-select-native.oj-invalid .oj-select-select,
.oj-select-multi.oj-invalid .oj-select-choices {
  border-width: 2px;
  border-style: solid;
  border-color: #dd6666;
}

/* Warning styling for the widget */
.oj-select.oj-warning .oj-select-choice,
.oj-select-native.oj-warning .oj-select-select,
.oj-select-multi.oj-warning .oj-select-choices {
  border-width: 2px;
  border-style: solid;
  border-color: #ffd699;
}

/* disabled styles  for single-select */
.oj-select.oj-disabled .oj-select-choice {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

/*
     * Disabled styles for multi-select
     */
.oj-select-multi.oj-disabled .oj-select-choices,
.oj-select-multi.oj-disabled .oj-select-selected-choice,
.oj-select-multi.oj-disabled .oj-select-selected-choice.oj-focus,
.oj-select-multi.oj-disabled input {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
  outline: 0;
}

.oj-select-multi.oj-disabled .oj-select-clear-entry {
  display: none;
  background: none;
}

/*
     * Applied to the place holder text
     */
.oj-select-chosen.oj-select-default {
  color: #737373;
  font-style: italic;
}

/*
     * Applied to the selected text
     */
.oj-select-chosen {
  border: 0;
  outline: 0;
  white-space: nowrap;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: none;
  box-sizing: border-box;
}

html:not([dir=rtl]) .oj-select-chosen {
  padding-right: 5px;
}

html[dir=rtl] .oj-select-chosen {
  padding-left: 5px;
}

/*
     * Applied to the dropdown open icon in jet theme
     */
.oj-select-jet .oj-select-arrow {
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
}

.oj-hicontrast .oj-select.oj-disabled {
  border-style: dotted;
}

/*
     * Applied to the dropdown open icon
     */
html[dir=rtl] .oj-select-open-icon {
  padding-right: 5px;
  padding-left: 5px;
}

html:not([dir=rtl]) .oj-select-open-icon {
  padding-left: 5px;
  padding-right: 5px;
}

.oj-select-open-icon,
.oj-select-open-icon:hover,
.oj-select-open-icon:focus {
  text-decoration: none;
}

.oj-select-multiple-open-icon {
  font-size: 24px;
}

html[dir=rtl] .oj-select-multiple-open-icon {
  padding-right: 1px;
  padding-left: 1px;
}

html:not([dir=rtl]) .oj-select-multiple-open-icon {
  padding-left: 1px;
  padding-right: 1px;
}

/* clear entry icon */
/* Override default options*/
.oj-select-option-defaults {
  font-family: '{"renderMode":"jet"}';
}

.oj-select-native .oj-select-arrow {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: calc(50% - 1rem);
  line-height: 2.286rem;
  pointer-events: none;
}

html:not([dir=rtl]) .oj-select-native .oj-select-arrow {
  right: 0;
}

html[dir=rtl] .oj-select-native .oj-select-arrow {
  left: 0;
}

.oj-select-native.oj-disabled .oj-select-arrow {
  opacity: 1;
}

.oj-select-native.oj-invalid .oj-select-arrow,
.oj-select-native.oj-warning .oj-select-arrow {
  top: 0;
}

.oj-select-select {
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  height: 2.286rem;
  width: 100%;
  white-space: nowrap;
  background-clip: padding-box;
  padding: 0 5px;
}

html[dir=rtl] .oj-select-select {
  text-align: right;
}

.oj-select-select::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-select::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-select-select:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

select.oj-select-select.oj-select-default:not([multiple]) {
  color: #737373;
  font-style: italic;
}

.oj-select-select[disabled] {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

/*
     * Applied to focus ring around the select box
     */
.oj-select-select:focus {
  outline: none;
}

.oj-select-select.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

.oj-form-control-inherit .oj-select .oj-select-choice,
.oj-form-control-inherit .oj-select .oj-select-choices {
  text-align: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border-width: 0;
}

.oj-form-control-inherit .oj-select-select,
.oj-form-control-inherit .oj-select-chosen {
  background-color: inherit;
  border-width: 0;
}

.oj-form-control-inherit .oj-select-select {
  height: 100%;
}

.oj-select-native .oj-select-arrow {
  display: none;
}

.oj-select-select {
  -webkit-appearance: menulist;
}

html:not([dir=rtl]) .oj-select-select {
  padding-left: 0;
  padding-right: 0;
}

html[dir=rtl] .oj-select-select {
  padding-left: 0;
  padding-right: 0;
}

.oj-select-native .oj-select-select[multiple] {
  -webkit-appearance: listbox;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 10rem;
  padding-left: 0;
  padding-right: 0;
}

.oj-select-native .oj-select-select[multiple] option {
  padding: 0.5rem 5px;
}

/* InputSearch */
/* --------------------------------------------------------------- */
oj-input-search:not(.oj-complete) {
  visibility: hidden;
}

.oj-inputsearch {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  max-width: 18em;
  min-width: 8em;
  width: 100%;
  font-size: 1rem;
}

/*
     * Applied to the InputSearch box which includes the input field and the search icon
     */
.oj-inputsearch-choice {
  text-align: left;
  color: #333333;
  background-color: #fcfdfe;
  border-style: solid;
  border-color: #dfe4e7;
  border-width: 1px;
  border-radius: 2px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 2.286rem;
  width: 100%;
  outline: 0;
  overflow: hidden;
  white-space: nowrap;
  background-clip: padding-box;
}

html[dir=rtl] .oj-inputsearch-choice {
  text-align: right;
}

.oj-inputsearch-choice::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputsearch-choice::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputsearch-choice:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputsearch-choice {
  background-color: #fcfdfe;
}

/*
     * Applied to the input field
     */
.oj-inputsearch-input {
  box-shadow: none;
  -webkit-flex: 1;
  flex: 1;
  border: 0;
  outline: 0;
  padding: 0 5px;
  background-color: #fcfdfe;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1rem;
}

.oj-inputsearch-input::-webkit-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputsearch-input::-moz-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

.oj-inputsearch-input:-ms-input-placeholder {
  color: #737373;
  opacity: 1;
  font-style: italic;
}

/*
     * Applied to the search button
     */
.oj-inputsearch-search-button {
  box-sizing: border-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}

.oj-inputsearch-search-button:hover, .oj-inputsearch-search-button:focus {
  text-decoration: none;
}

/*
     * Search button icon
     */
.oj-inputsearch-search-icon {
  line-height: inherit;
  font-size: 1rem;
}

html:not([dir=rtl]) .oj-inputsearch-search-icon {
  padding-left: 0;
  padding-right: 5px;
}

html[dir=rtl] .oj-inputsearch-search-icon {
  padding-right: 0;
  padding-left: 5px;
}

/*
     * Styling for focus state
     */
/*
     * Invalid styling for the widget
     */
.oj-inputsearch.oj-invalid .oj-inputsearch-choice {
  border-width: 2px;
  border-style: solid;
  border-color: #dd6666;
}

/*
     * Warning styling for the widget
     */
.oj-inputsearch.oj-warning .oj-inputsearch-choice {
  border-width: 2px;
  border-style: solid;
  border-color: #ffd699;
}

/*
     * Disabled styles for single-select
     */
.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
  color: #9e9e9e;
  background-color: #efeff1;
  border-color: #efeff1;
  opacity: 1;
}

.oj-inputsearch.oj-disabled .oj-inputsearch-choice,
.oj-inputsearch.oj-disabled input {
  background-color: #efeff1;
}

.oj-inputsearch.oj-disabled input {
  border: 0;
}

.oj-inputsearch.oj-disabled .oj-inputsearch-search-button {
  cursor: default;
}

.oj-form-control-inherit .oj-inputsearch-choice,
.oj-form-control-inherit .oj-inputsearch-input {
  text-align: inherit;
  color: inherit;
  height: 100%;
  width: 100%;
  background-color: inherit;
  border-width: 0;
}

/* switch */
/* --------------------------------------------------------------- */
oj-switch:not(.oj-complete) {
  visibility: hidden;
}

.oj-switch {
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
}

.oj-switch.oj-invalid .oj-switch-track,
.oj-switch.oj-default.oj-invalid .oj-switch-track,
.oj-switch:not(.oj-selected):not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-selected:not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-hover:not(.oj-selected):not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-disabled:not(.oj-selected):not(.oj-read-only).oj-invalid .oj-switch-track,
.oj-switch.oj-disabled.oj-selected:not(.oj-read-only).oj-invalid .oj-switch-track {
  border: 2px solid #dd6666;
}

.oj-switch.oj-warning .oj-switch-track,
.oj-switch.oj-default.oj-warning .oj-switch-track,
.oj-switch:not(.oj-selected):not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-selected:not(.oj-hover):not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-hover:not(.oj-selected):not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-selected.oj-hover:not(.oj-disabled):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-disabled:not(.oj-selected):not(.oj-read-only).oj-warning .oj-switch-track,
.oj-switch.oj-disabled.oj-selected:not(.oj-read-only).oj-warning .oj-switch-track {
  border: 2px solid #ffd699;
}

.oj-switch .oj-switch-container {
  position: relative;
  height: 2.286rem;
  width: 4.28625rem;
}

html:not([dir=rtl]) .oj-switch .oj-switch-thumb {
  left: 0;
  right: auto;
}

html[dir=rtl] .oj-switch .oj-switch-thumb {
  left: auto;
  right: 0;
}

html:not([dir=rtl]) .oj-switch.oj-selected .oj-switch-thumb {
  left: auto;
  right: 0;
}

html[dir=rtl] .oj-switch.oj-selected .oj-switch-thumb {
  left: 0;
  right: auto;
}

.oj-switch .oj-switch-track {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.286rem - 1px - 1px);
  width: calc(3.71475rem - 1px - 1px);
  margin-top: -1.143rem;
  border-radius: 2.286rem;
}

.oj-switch.oj-read-only .oj-switch-track {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.286rem - 1px - 1px);
  width: calc(3.71475rem - 1px - 1px);
  margin-top: -1.143rem;
  border-radius: 2.286rem;
}

.oj-switch .oj-switch-track,
.oj-switch.oj-default .oj-switch-track {
  background-color: #f7f8f9;
  border-color: #dfe4e7;
}

.oj-switch .oj-switch-thumb,
.oj-switch.oj-default .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.143125rem - 1px - 1px);
  width: calc(2.143125rem - 1px - 1px);
  margin-top: -1.0715625rem;
  border-radius: 2.143125rem;
  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.9);
  background-color: #fcfdfe;
  border-color: #b2bcc4;
}

.oj-switch.oj-selected .oj-switch-track {
  background-color: #0572ce;
  border-color: #0572ce;
}

.oj-switch.oj-selected .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.00025rem - 1px - 1px);
  width: calc(2.00025rem - 1px - 1px);
  margin-top: -1.000125rem;
  border-radius: 2.00025rem;
  box-shadow: 0 2px 2px -2px #000000;
  background-color: #ffffff;
  border-color: #ffffff;
}

.oj-switch.oj-hover .oj-switch-track {
  background-color: #d6d7d8;
  border-color: #d6d7d8;
}

.oj-switch.oj-hover .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.143125rem - 1px - 1px);
  width: calc(2.143125rem - 1px - 1px);
  margin-top: -1.0715625rem;
  border-radius: 2.143125rem;
  box-shadow: none;
  background-color: #fcfdfe;
  border-color: #b2bcc4;
}

.oj-switch.oj-selected.oj-hover .oj-switch-track {
  background-color: #85bbe7;
  border-color: #85bbe7;
}

.oj-switch.oj-selected.oj-hover .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.00025rem - 1px - 1px);
  width: calc(2.00025rem - 1px - 1px);
  margin-top: -1.000125rem;
  border-radius: 2.00025rem;
  box-shadow: none;
  background-color: #fcfdfe;
  border-color: #fcfdfe;
}

.oj-switch.oj-active .oj-switch-track,
.oj-switch.oj-hover.oj-active .oj-switch-thumb .oj-switch-track {
  background-color: #f7f8f9;
  border-color: #dfe4e7;
}

.oj-switch.oj-active .oj-switch-thumb,
.oj-switch.oj-hover.oj-active .oj-switch-thumb .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.143125rem - 1px - 1px);
  width: calc(2.428875rem - 1px - 1px);
  margin-top: -1.0715625rem;
  border-radius: 2.143125rem;
  box-shadow: none;
  background-color: #fcfdfe;
  border-color: #b2bcc4;
}

.oj-switch.oj-selected.oj-active .oj-switch-track,
.oj-switch.oj-selected.oj-hover.oj-active .oj-switch-thumb .oj-switch-track {
  background-color: #0572ce;
  border-color: #0572ce;
}

.oj-switch.oj-selected.oj-active .oj-switch-thumb,
.oj-switch.oj-selected.oj-hover.oj-active .oj-switch-thumb .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.00025rem - 1px - 1px);
  width: calc(2.428875rem - 1px - 1px);
  margin-top: -1.000125rem;
  border-radius: 2.00025rem;
  box-shadow: none;
  background-color: #ffffff;
  border-color: #ffffff;
}

.oj-switch.oj-read-only .oj-switch-track {
  background-color: transparent;
  border-color: transparent;
}

.oj-switch.oj-read-only .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.143125rem - 1px - 1px);
  width: calc(2.143125rem - 1px - 1px);
  margin-top: -1.0715625rem;
  border-radius: 2.143125rem;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
}

.oj-switch.oj-selected.oj-read-only .oj-switch-track {
  background-color: transparent;
  border-color: transparent;
}

.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.143125rem - 1px - 1px);
  width: calc(2.143125rem - 1px - 1px);
  margin-top: -1.0715625rem;
  border-radius: 2.143125rem;
  box-shadow: none;
  background-color: transparent;
  border-color: transparent;
}

.oj-switch.oj-disabled .oj-switch-track {
  background-color: #ebeced;
  border-color: #ebeced;
}

.oj-switch.oj-disabled .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.00025rem - 1px - 1px);
  width: calc(2.00025rem - 1px - 1px);
  margin-top: -1.000125rem;
  border-radius: 2.00025rem;
  box-shadow: none;
  background-color: #d4d6d7;
  border-color: #d4d6d7;
}

.oj-switch.oj-disabled.oj-selected .oj-switch-track {
  background-color: #d4d6d7;
  border-color: #d4d6d7;
}

.oj-switch.oj-disabled.oj-selected .oj-switch-thumb {
  position: absolute;
  top: 50%;
  border-style: solid;
  border-width: 1px;
  height: calc(2.00025rem - 1px - 1px);
  width: calc(2.00025rem - 1px - 1px);
  margin-top: -1.000125rem;
  border-radius: 2.00025rem;
  box-shadow: none;
  background-color: #ebeced;
  border-color: #ebeced;
}

.oj-switch-thumb:focus {
  outline: none;
}

.oj-switch-thumb.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

/* switch specific */
/* --------------------------------------------------------------- */
.oj-switch.oj-read-only .oj-switch-thumb,
.oj-switch.oj-selected.oj-read-only .oj-switch-thumb {
  font-size: 1rem;
  margin-top: -0.5rem;
}

oj-slider:not(.oj-complete) {
  visibility: hidden;
}

.oj-slider {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

html:not([dir=rtl]) .oj-slider {
  text-align: left;
}

html[dir=rtl] .oj-slider {
  text-align: right;
}

.oj-slider.oj-slider-horizontal {
  /* use a width of 100% and then max and min width so that when
     there's less room for the form control it can automatically
      get smaller instead of overflowing its boundaries */
  max-width: 18em;
  min-width: 8em;
  width: 100%;
}

.oj-slider.oj-slider-horizontal {
  /* This ensures that the slider bounding box will include
   the thumb radius - important for form controls. */
  padding-left: 12px;
  padding-right: 12px;
}

.oj-slider.oj-slider-vertical {
  padding-left: 12px;
  padding-right: 12px;
}

.oj-slider-vertical > .oj-slider-container {
  margin-top: 12px;
  margin-bottom: 12px;
}

.oj-invalid .oj-slider-thumb {
  border: 2px solid #dd6666;
}

.oj-warning .oj-slider-thumb {
  border: 2px solid #ffd699;
}

.oj-slider-horizontal.oj-form-control .oj-slider-container {
  height: 2.286rem;
}

.oj-slider-vertical.oj-form-control .oj-slider-container {
  height: 150px;
  min-height: 48px;
}

.oj-slider-container {
  position: relative;
}

.oj-slider-thumb {
  position: absolute;
  box-sizing: border-box;
  cursor: default;
  touch-action: none;
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid #b2bcc4;
}

.oj-disabled .oj-slider-thumb {
  background-color: #9e9e9e;
  border-color: #9e9e9e;
}

.oj-slider-range {
  position: absolute;
  border: 0;
  background-position: 0 0;
}

.oj-slider-bar {
  border-radius: 4px;
  background-color: #d6d7d8;
  box-sizing: border-box;
  position: absolute;
}

.oj-slider-vertical .oj-slider-bar, .oj-slider-vertical .oj-slider-bar-value {
  width: 4px;
}

.oj-slider-vertical .oj-slider-bar {
  height: 100%;
}

.oj-slider-horizontal .oj-slider-bar {
  width: 100%;
}

.oj-slider-horizontal .oj-slider-bar, .oj-slider-horizontal .oj-slider-bar-value {
  height: 4px;
  top: 50%;
  margin-top: -2px;
}

.oj-slider-vertical .oj-slider-bar, .oj-slider-vertical .oj-slider-bar-value {
  width: 4px;
  left: 50%;
  margin-left: -2px;
}

.oj-slider-bar:after {
  content: "";
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: -16px;
  right: -16px;
}

.oj-slider-bar-value {
  border-radius: 4px;
  background: #0572ce;
}

.oj-hicontrast .oj-slider-bar,
.oj-hicontrast .oj-slider-bar-value {
  border: 1px solid;
}

.oj-hicontrast .oj-slider-horizontal .oj-slider-bar-value {
  margin-top: -3px;
}

.oj-hicontrast .oj-slider-vertical .oj-slider-bar-value {
  margin-left: -3px;
}

.oj-slider-bar-value.oj-active {
  background: #0572ce;
}

.oj-disabled .oj-slider-bar {
  opacity: 1;
  background: #d6d7d8;
}

.oj-disabled .oj-slider-bar-value {
  opacity: 1;
  background: #9e9e9e;
}

.oj-hicontrast .oj-disabled .oj-slider-bar,
.oj-hicontrast .oj-disabled .oj-slider-bar-value {
  border-style: dotted;
}

.oj-slider-horizontal .oj-slider-thumb {
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  margin-left: -12px;
}

html:not([dir=rtl]) .oj-slider-horizontal .oj-slider-range-min {
  left: 0;
}

html[dir=rtl] .oj-slider-horizontal .oj-slider-range-min {
  right: 0;
}

html:not([dir=rtl]) .oj-slider-horizontal .oj-slider-range-max {
  right: 0;
}

html[dir=rtl] .oj-slider-horizontal .oj-slider-range-max {
  left: 0;
}

.oj-slider-vertical .oj-slider-thumb {
  width: 24px;
  height: 24px;
  margin-bottom: -12px;
  margin-top: -12px;
}

html:not([dir=rtl]) .oj-slider-vertical .oj-slider-thumb {
  margin-left: -12px;
  left: 50%;
}

html[dir=rtl] .oj-slider-vertical .oj-slider-thumb {
  margin-right: -12px;
  right: 50%;
}

.oj-slider-vertical .oj-slider-range-min {
  bottom: 0;
}

.oj-slider-vertical .oj-slider-range-max {
  top: 0;
}

.oj-hicontrast .oj-slider-thumb.oj-focus {
  border: 3px solid;
}

.oj-hicontrast .oj-slider-thumb.oj-selected {
  border: 3px double;
}

.oj-hicontrast .oj-disabled .oj-slider-thumb {
  border: 1px dotted;
}

.oj-slider-thumb.oj-hover {
  background-color: #ebeced;
}

.oj-slider-thumb.oj-active {
  background-color: #ebeced;
  border-color: #b2bcc4;
}

.oj-slider-thumb.oj-active {
  background-color: #ebeced;
}

.oj-slider-horizontal .oj-slider-thumb:after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
}

.oj-slider-vertical .oj-slider-thumb:after {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
}

.oj-slider-horizontal .oj-slider-thumb:after {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
}

.oj-slider-vertical .oj-slider-thumb:after {
  content: "";
  position: absolute;
  top: -2px;
  bottom: -2px;
}

.oj-slider-thumb.oj-active {
  background-color: #ebeced;
  border-color: #b2bcc4;
}

.oj-slider-thumb:focus {
  outline: none;
}

.oj-slider-thumb.oj-focus-highlight {
  outline: dotted 1px black;
  outline: -webkit-focus-ring-color auto;
}

.oj-slider-wrapper {
  display: flex;
  align-items: center;
}

.oj-slider-wrapper .oj-slider.oj-form-control {
  margin-bottom: 0;
}

.oj-slider-block-item {
  text-align: center;
}

.oj-slider-color-picker.oj-slider-horizontal {
  /* This ensures that the slider bounding box will include
   the thumb radius - important for form controls. */
  padding-left: 14px;
  padding-right: 14px;
}

.oj-slider-color-picker.oj-slider-vertical {
  padding-left: 14px;
  padding-right: 14px;
}

.oj-slider-color-picker.oj-slider-vertical > .oj-slider-container {
  margin-top: 14px;
  margin-bottom: 14px;
}

.oj-slider-color-picker.oj-slider-vertical.oj-form-control .oj-slider-container {
  min-height: 56px;
}

.oj-slider-color-picker .oj-slider-thumb {
  background-color: transparent;
  border-width: 2px;
  border-radius: 50%;
}

.oj-slider-color-picker .oj-slider-bar {
  border-radius: 8px;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar, .oj-slider-color-picker.oj-slider-horizontal .oj-slider-bar-value {
  height: 8px;
  margin-top: -4px;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-bar, .oj-slider-color-picker.oj-slider-vertical .oj-slider-bar-value {
  width: 8px;
  margin-left: -4px;
}

.oj-slider-color-picker .oj-slider-bar:after {
  top: -14px;
  bottom: -14px;
  left: -14px;
  right: -14px;
}

.oj-slider-color-picker .oj-slider-bar-value {
  border-radius: 8px;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  width: 28px;
  height: 28px;
  margin-bottom: -14px;
  margin-top: -14px;
}

html:not([dir=rtl]) .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  margin-left: -14px;
}

html[dir=rtl] .oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb {
  margin-right: -14px;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb:after {
  left: 0;
  right: 0;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb:after {
  left: 0;
  right: 0;
}

.oj-slider-color-picker.oj-slider-horizontal .oj-slider-thumb:after {
  top: 0;
  bottom: 0;
}

.oj-slider-color-picker.oj-slider-vertical .oj-slider-thumb:after {
  top: 0;
  bottom: 0;
}

.oj-slider-color-picker .oj-slider-bar-value {
  display: none;
}

.competency__rater--picklist,
.competency__rater--slider,
.competency__rater--stars {
  display: none;
}
.competency__rater--picklist .caption,
.competency__rater--slider .caption,
.competency__rater--stars .caption {
  display: block;
}

.competency__comments-container {
  position: relative;
  min-height: 83px;
}

.ews-layout-name--edit {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.section-container {
  background-color: transparent;
}

.section {
  position: relative;
  margin-top: 20px;
  min-height: 60px;
}

.gadget.no-top-border .section {
  background-color: transparent;
}

.competency--picklist .competency__rater--picklist {
  display: block;
}

.competency--slider .competency__rater--slider {
  display: block;
  margin-left: 8px;
}

.competency--stars .competency__rater--stars {
  display: block;
}
.competency--stars .competency__rater--stars .clear-rating--clicked {
  color: #843534;
}

.competency--stars__star-clear-button {
  position: relative;
  top: 5px;
}

.gadget__nested-gadget-section {
  margin-top: 20px;
}

.gadget .slider-selection {
  background: #3E8ACC !important;
}

.tc-rating-slider-val {
  height: 40px;
}

.theme-krajee-svg.rating-xs .krajee-icon {
  width: 20px;
  height: 20px;
}

.theme-krajee-svg .label, .tc-rating-slider-val {
  font-size: 12px;
  color: #337ab7;
}

.rating-container .caption {
  vertical-align: baseline;
  margin-left: 0;
}

.review-well {
  background-color: #fff;
  border: 0px;
  margin-top: 20px;
}

.admin-well {
  background-color: #e6e6e6;
  border: 0px;
  margin-top: 25px;
  text-align: center;
  margin-bottom: -5px;
  padding-bottom: 5px;
}

.button-well {
  background-color: #fff;
  border: 0px;
  margin-bottom: 0px;
  text-align: center;
  margin-top: 25px;
}

.gadget-edit-select--config--layout-container {
  display: inline-block;
}

.gadget-edit-select--config {
  width: 200px;
}

.gadget-edit-select--config--layout {
  min-width: 200px;
  max-width: 300px;
  width: auto;
}

.edit-layout-container {
  display: none;
}

.edit-comment-container {
  display: none;
}

.review-well__gadget-title {
  margin-bottom: 0;
  display: inline-block;
}

.review-well__layout-title {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

/* re-styling slider */
.slider.slider-horizontal .slider-track {
  height: 6px;
}

.slider-handle {
  width: 16px;
  height: 16px;
}

.rating-section {
  margin-top: 10px;
}

.Review_data .popover-title {
  display: none;
}

.Review_comments .popover-title {
  display: none;
}

.Employee_Data_widget .popover-title {
  display: none;
}

.Goal_Description_Measurement .popover-title {
  display: none;
}

.Goal_Details .popover-title {
  display: none;
}

.Goal_Alignment .popover-title {
  display: none;
}

.Comments_Table .popover-title {
  display: none;
}

.Employee_Goals_widget .popover-title {
  display: none;
}

.gadget-title .rating-container {
  display: inline-block;
}

#js-page-goal-align-copy--button {
  margin-bottom: 5px;
}

.dddmore,
.dddless {
  display: none;
}

.ddd-wrapper {
  min-height: 42px;
}

.competencies-average__description,
.competencies-average__number-score {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
}

.competencies-average__number-score--hidden,
.calculated-employee-average__number-score--hidden,
.calculated-goal-average__number-score--hidden {
  display: none;
}

.ddd-wrapper .moreddd {
  display: none;
}

.is-truncated .moreddd {
  display: inline;
}

.well__separator-responsive {
  display: none;
}

@media (min-width: 768px) {
  .col-md-6 > .ews-form-field > .form-field-value > .competency--picklist {
    max-width: 65%;
  }
}
@media (max-width: 767px) {
  .well__separator-responsive {
    display: block;
    height: 20px;
  }
}
.shift-ratings-up {
  top: -10px;
}
@media (max-width: 767px) {
  .shift-ratings-up {
    top: 0;
  }
}

.stop-load {
  display: none;
}

.oj-star-active {
  fill: #F2BE5D;
}

.oj-star-hover {
  fill: #3F89C8;
}

.oj-slider-bar-value {
  background-color: #3F89C8;
}

.oj-slider-bar-value.oj-active {
  background-color: #3F89C8;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 180px;
}
@media (max-width: 991px) {
  body {
    margin-bottom: 230px;
  }
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 160px;
}
@media (max-width: 991px) {
  .footer {
    height: 210px;
  }
}

@media (max-width: 991px) {
  .col-mobile-hideable:empty {
    display: none;
  }
}
#eSingFormModal > div > div > div.modal-header > div {
  font-size: medium;
  float: right;
  padding-left: 12px;
  padding-right: 12px;
}

.switchy-wrap {
  display: inline-block;
  vertical-align: bottom;
}

.switchy {
  width: 60px;
  height: 20px;
  border: 1px solid #378fce;
  cursor: pointer;
  margin: 1px 5px;
  font-size: 10px;
  color: #fff;
  user-select: none;
}

.switchy .switchy__true,
.switchy .switchy__false {
  width: 30px;
  height: 19px;
  background-color: #378fce;
  padding-top: 2px;
  text-align: center;
}

.switchy .switchy__false {
  background-color: gray;
}

.switchy .switchy__false {
  float: right;
}

.switchy--disabled-true {
  border: 1px solid #bdbebf;
}

.switchy--disabled-true .switchy__true,
.switchy--disabled-true .switchy__false {
  background-color: #bdbebf;
}

.tc-switch-input-label {
  display: inline;
  margin-left: 10px;
}