/* You can add global styles to this file, and also import other style files */
body,
html {
  height: 100%;
}

nav.navbar {
  z-index: 1000;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.pointer, .btn {
  cursor: pointer;
}

.accent-color {
  color: #00203c;
}

.accent-light-color {
  color: #1fc2d4;
}

.dimmed-color {
  color: #666;
}

.success-color {
  color: #28A745;
}

.warning-color {
  color: #d29501;
}

.danger-background-color {
  background: #F44336;
}

.load-indicator-center {
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  position: absolute;
  z-index: 1;
}

.left-nav-content {
  float: left;
}

.right-nav-content {
  float: right;
}

@media only screen and (max-width: 767px) {
  .compact-hidden {
    display: none;
  }
}

.btn-primary-custom, .btn-danger-custom {
  border-radius: 2px;
  background-color: #004480;
  border-color: #004480;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}
.btn-primary-custom:hover, .btn-danger-custom:hover {
  background-color: #00203c;
  border-color: #00203c;
}

.btn-danger-custom {
  border-color: #F44336;
  background-color: #F44336;
}
.btn-danger-custom:hover {
  background-color: #B71C1C;
  border-color: #B71C1C;
}

.btn-secondary-custom {
  border-radius: 2px;
  background-color: white;
  border-color: #004480;
  color: #004480;
  text-transform: uppercase;
  font-size: 12px;
}
.btn-secondary-custom:hover {
  background-color: #f2f2f2;
  border-color: #00203c;
}

.btn-danger-custom {
  border-radius: 2px;
  background-color: #dc3545;
  border-color: #dc3545;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}

.btn-success-custom {
  border-radius: 2px;
  background-color: #218838;
  border-color: #218838;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
}

.btn-light-custom {
  border-radius: 2px;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  color: #212529;
  text-transform: uppercase;
  font-size: 12px;
}

.btn-load-indicator {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}

.bold {
  font-weight: bold;
}

.f1 {
  flex: 1;
}

.app-gradient-background {
  background: #175c95;
  /* Old browsers */
  background: -moz-linear-gradient(left, #175c95 -1%, #0f436d 25%, #0f436d 50%, #2989d8 76%, #20c0d1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #175c95 -1%, #0f436d 25%, #0f436d 50%, #2989d8 76%, #20c0d1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #175c95 -1%, #0f436d 25%, #0f436d 50%, #2989d8 76%, #20c0d1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175c95', endColorstr='#20c0d1', GradientType=1);
  /* IE6-9 */
}

.rounded {
  border-radius: 2px;
}

.app-form-label {
  color: #004480;
  font-size: 12px;
  font-weight: bold;
}

.no-margin {
  margin: 0;
}

.flex-centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-body {
  height: 100%;
  padding: 32px;
  padding-top: 0px;
}

.action-disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

.btn {
  outline: none !important;
}

div.modal-content {
  border-radius: 2px;
}

div.modal-body {
  padding: 0px;
  background-color: #f2f2f2;
  border-radius: 2px;
}

div.modal-footer {
  background-color: #f2f2f2;
  border-top: none;
}

input[type=search]::-webkit-search-cancel-button {
  appearance: searchfield-cancel-button;
  -webkit-appearance: searchfield-cancel-button;
}

.modal-header-title, .modal-header-title-centered {
  color: #dae4ee;
  padding: 16px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}

.modal-header-title-centered {
  text-align: center;
}

.modal-footer-btn-centered, .modal-footer-btn-right {
  padding: 8px;
  text-align: center;
}

.modal-footer-btn-right {
  text-align: right;
}

.modal-full-screen > .modal-dialog {
  max-width: 1500px;
  width: 90%;
}

.actionbar-container {
  display: flex;
  align-items: center;
  padding: 8px 32px 0;
}

.actionbar-left-container {
  flex: 1;
}

.actionbar-title {
  color: #1fc2d4;
  font-weight: 500;
  font-size: 24px;
  padding-right: 32px;
}

.actionbar-breadcrumb {
  background-color: transparent;
  font-size: 12px;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 8px;
}

.action-bar-right-icons-container {
  display: flex;
  align-items: center;
}

.actionbar-right-icon {
  color: #00203c;
  font-size: 20px;
  margin-left: 8px;
  margin-right: 8px;
  cursor: pointer;
}

.actionbar-right-icon.png {
  height: 26px;
  width: 26px;
}

.actionbar-right-icon.last {
  margin-right: 0;
}

.breadcrumb-item a {
  color: #00203c;
  font-weight: 500;
  cursor: pointer;
}
.breadcrumb-item a:hover {
  text-decoration: underline !important;
}

.critical-exception {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 9999;
  flex-direction: column;
  justify-content: center;
  background: rgba(179, 47, 30, 0.831372549);
}
.critical-exception h1,
.critical-exception h5 {
  width: 90%;
  color: #fff;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  font-family: monospace;
}
.critical-exception h1::before {
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: #fff;
  color: #7e2216;
  content: "Critical Error:";
}
.critical-exception h5 {
  width: 80%;
  margin-top: 50px;
  font-weight: normal;
}

.case-action-title {
  margin-top: 8px;
  font-weight: 500;
}

.case-info-container {
  padding-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}

.case-section-status {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}

.ng-invalid {
  color: #F44336;
  border-color: #F44336 !important;
}

.gfs-icon {
  font-size: 20px;
  color: #004480;
}

.contact-info * {
  color: #000;
  text-decoration: none;
}
.contact-info *:hover {
  color: #004480;
  text-decoration: underline;
}

#load-container {
  text-align: center;
  padding: 16px;
}

.load-indicator-large {
  height: 40px;
  width: 40px;
}

.hb-container {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.hb-header {
  padding-bottom: 8px;
  flex-shrink: 0;
}

.hb-body {
  flex-grow: 1;
  height: 100%;
  overflow-y: auto;
}

.btn-secondary {
  border-color: #ccc;
  color: black !important;
  background-color: white !important;
}
.btn-secondary:disabled, .btn-secondary.disabled {
  border-color: #ccc !important;
}
.btn-secondary:hover, .btn-secondary:visited, .btn-secondary:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ccc !important;
}
.btn-secondary:hover {
  background-color: #f0f8ff !important;
}

.breadcrumb {
  padding: 0 !important;
  margin-bottom: 10px !important;
}

.employee-presence-text {
  color: #58D68D;
}

.employee-absence-text {
  color: #D9534F;
}

.employee-transfer-text {
  color: #F5B041;
}

.employee-rd-transfer-text {
  color: #2980B9;
}

.disable-click {
  pointer-events: none;
}

.app-background-logo {
  z-index: -1;
  opacity: 0.1;
  width: 250px;
  height: 187px;
  position: absolute;
  background-size: cover;
  right: 32px;
  bottom: 32px;
  background-repeat: no-repeat;
  background-image: url("../assets/finservice-sail.png");
}

.custom-grid-style-container div .dx-datagrid-headers.dx-datagrid-nowrap,
.custom-grid-style-container div .dx-treelist-headers.dx-treelist-nowrap {
  background-color: #337AB7;
}

.gantt-padding {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 16px !important;
}

.label {
  font-size: 14px;
  color: #00203c;
}

.sub-text {
  font-size: 14px;
  color: black;
}

.dx-checkbox-icon {
  width: 18px;
  height: 18px;
}

.legend-item-group {
  height: 30px;
  display: flex;
  font-size: 15px;
  line-height: 30px;
  align-content: center;
}
.legend-item-group i.legend-icon {
  font-size: 25px;
}
.legend-item-group .legend-label {
  padding-left: 8px;
  font-size: 12px;
}

.toolbar-item {
  padding-right: 8px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .toolbar-item {
    padding-top: 8px;
  }
}
.toolbar-item.grow {
  flex: auto;
  max-width: 300px;
}
.toolbar-item.last {
  padding-right: 0;
}

.toolbar-item-inline {
  display: flex;
  text-align: left;
  align-items: center;
}

span.label {
  display: block;
  text-align: center;
  margin-bottom: 5px;
  font-size: 12px;
}

.gantt-custom-header {
  color: white !important;
  background-color: #337AB7;
  text-transform: capitalize !important;
}

.gantt-custom-single-row:hover:not(.row-pending) {
  background-color: #f0f8ff !important;
}
.gantt-custom-single-row.row-pending {
  background-color: rgb(255, 248, 228);
}
.gantt-custom-single-row.row-pending:hover {
  background-color: rgb(255, 227, 148) !important;
}

.gantt-custom-single-row.row-grouped-by-year {
  background-color: rgb(255, 248, 228);
}
.gantt-custom-single-row.row-grouped-by-year:hover {
  background-color: rgb(255, 227, 148) !important;
}

.gantt_grid_data .gantt_row.gantt_selected,
.gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_task_row.gantt_selected {
  background-color: #f0f8ff !important;
}

.gantt_task_line,
.gantt_line_wrapper div {
  margin-top: 6px !important;
  height: 20px !important;
  line-height: 18px !important;
  background-color: #ffc757;
  border-color: #585f65 !important;
  color: #585f65 !important;
  border-radius: 0 !important;
}

.gantt_task_line.gantt_task_inline_color {
  height: 30px !important;
  line-height: 30px !important;
  margin-top: 0 !important;
  border-radius: 20px !important;
}

.gantt-task-hidden {
  display: none;
}

.gantt_task_line.gantt_task_inline_color.gantt-task-no-left-border-radius {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-left: 2px dotted white !important;
}

.gantt_task_line.gantt_task_inline_color.gantt-task-no-right-border-radius {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-right: 2px dotted white !important;
}

i.mdi.mdi-delete {
  color: #F44336;
}

i.mdi.mdi-pencil {
  color: #004480;
}

i.mdi.mdi-content-save {
  color: #165c95;
}

button.btn-primary.focus,
button.btn-primary:focus,
button.btn-secondary.focus,
button.btn-secondary:focus {
  box-shadow: none !important;
}

.padded {
  padding: 16px !important;
}

.bs-row-no-margin {
  margin-left: 15px;
  margin-right: 15px;
}

.text-muted {
  cursor: default;
  color: #dae4ee;
}

.text-primary {
  color: #004480 !important;
}

.text-bold {
  font-weight: bold;
}

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #175c95;
  background: -webkit-gradient(linear, left top, right top, color-stop(-1%, #175c95), color-stop(25%, #0f436d), color-stop(50%, #0f436d), color-stop(76%, #2989d8), to(#20c0d1));
  background: linear-gradient(to right, #175c95 -1%, #0f436d 25%, #0f436d 50%, #2989d8 76%, #20c0d1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#175c95', endColorstr='#20c0d1', GradientType=1);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: "";
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.5) -1.5em 0 0 0, rgba(255, 255, 255, 0.5) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.larger-ico {
  font-size: 20px;
}

.action-text {
  font-weight: bold;
  opacity: 0.8;
  color: #424242;
  transition: all 120ms ease-in-out;
}
.action-text:hover {
  opacity: 1;
  cursor: pointer;
  color: #004480;
}
.action-text.action-delete:hover {
  color: #F44336;
}

.modal-section-container {
  height: 100%;
  max-width: 100%;
  padding: 16px;
  margin: 0;
}
.modal-section-container .modal-dialog, .modal-section-container .modal-content, .modal-section-container .modal-body {
  height: 100%;
  max-width: none;
  margin: 0;
}

.modal-section-content {
  position: absolute;
  height: 100%;
  width: 100%;
  margin-top: 8px;
}

.bold {
  font-weight: bold;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
  background-color: rgba(51, 121, 183, 0.28) !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
  background-color: rgba(51, 121, 183, 0.28) !important;
}

.full-height {
  height: 100%;
}

.chart-tooltip {
  max-width: 300px;
}
.chart-tooltip .tooltip-row > .icon {
  font-size: 18px;
}
.chart-tooltip .tooltip-row > .title {
  font-weight: bold;
}

.text-underline {
  text-decoration: underline;
}

.leaflet-control-attribution.leaflet-control {
  display: none !important;
}

.leaflet-draw-edit-remove,
.leaflet-draw-edit-edit {
  visibility: hidden;
}

.leaflet-touch .leaflet-bar {
  border-color: transparent !important;
}

.align-vertical {
  display: flex;
  align-items: center;
}

.enjoyhint {
  z-index: 2000 !important;
}

.enjoyhint.enjoyhint_svg_transparent.enjoyhint-step-1 > div.enjoy_hint_label {
  opacity: initial;
}

#enjoyhint_label {
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 16px;
  border-radius: 30px;
}

#enjoyhint_arrpw_line {
  display: none;
  stroke: #1fc2d4 !important;
}

#arrowMarker > path {
  display: none;
  stroke: #1fc2d4 !important;
}

.enjoyhint_next_btn,
.enjoyhint_skip_btn,
.enjoyhint_close_btn {
  border-color: #1fc2d4;
  color: white;
}
.enjoyhint_next_btn:hover, .enjoyhint_next_btn:active,
.enjoyhint_skip_btn:hover,
.enjoyhint_skip_btn:active,
.enjoyhint_close_btn:hover,
.enjoyhint_close_btn:active {
  border-color: #1fc2d4;
  background-color: rgb(24.4938271605, 153.2839506173, 167.5061728395);
}

.enjoyhint_next_btn {
  background-color: #1fc2d4;
}

.enjoyhint_skip_btn,
.enjoyhint_close_btn {
  background-color: rgba(31, 194, 212, 0.4);
}

.tooltip {
  pointer-events: none;
}

#toast-container > div {
  opacity: 1;
}

.toast-bottom-center {
  margin-bottom: 20%;
}

.tooltip .tooltip-inner.tooltip-inner-image {
  width: 500px;
  max-width: 500px;
}
.tooltip .tooltip-inner.tooltip-inner-image img {
  width: 100%;
}
.tooltip .tooltip-inner.tooltip-lg {
  max-width: 350px;
  /* If max-width does not work, try using width instead */
  width: 350px;
}

.custom-certification-project-header[role=columnheader] {
  height: 52px;
  vertical-align: middle !important;
}

.inf-cell-border {
  border: 1px solid #000000;
}

.inf-cell-first {
  line-height: 260px;
}
@media screen and (max-width: 991px) {
  .inf-cell-first {
    line-height: 100%;
  }
}

.inf-cell-first span {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: normal;
  width: 100%;
}

.inf-note {
  font-size: 12px;
}

.inf-row {
  height: 260px;
}
@media screen and (max-width: 991px) {
  .inf-row {
    height: 100%;
  }
}

.dx-selectbox-popup-wrapper .dx-list-item-content {
  word-wrap: break-word;
  white-space: normal;
}

.dx-datagrid .dx-header-filter-empty {
  color: white;
}

.info-icon {
  margin-left: 2px;
}

.flex-grow-1 {
  flex-grow: 1;
}

/*# sourceMappingURL=styles.css.map */