/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
  font-family: "nimbus_sans_lregular";
  src: url("/fonts/nimbussanl-reg-webfont.woff2") format("woff2"),
    url("/fonts/nimbussanl-reg-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "nimbus_sans_lregular";
  src: url("/fonts/nimbussanl-bol-webfont.woff2") format("woff2"),
    url("/fonts/nimbussanl-bol-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.report-container .report-section-title {
  margin-bottom: 0.8rem;
}

.report-container .report-section-title h3 {
  color: #23b2de;
  border-bottom: 1px solid #3f4254;
  padding-bottom: 0.5rem;
  font-weight: bold;
}

.report-container .report-section-title h5 {
  border-bottom: 1px solid #3f4254;
  padding-bottom: 0.5rem;
  font-weight: bold;
}

input[type="number"] {
  -moz-appearance: textfield;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.edit-link {
  position: absolute;
  right: 15px;
  top: 20px;
}

.work-area-add-link {
  position: absolute;
  right: 15px;
}

.work-area-add-link a {
  cursor: pointer;
}

.btn {
  border-radius: 5px;
}

.btn-primary {
  color: #fff !important;
  background-color: #1b6ec2;
  border-color: #1861ac;
  font-weight: bold;
}
.btn-success,
.btn-danger {
  font-weight: bold;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.service-checks .checkbox-square {
  width: 100%;
}

.required-document-div {
  margin-top: 5px;
}

.hide-empty-option option[value=""] {
  display: none;
}

.checkbox > input:checked ~ span {
  background-color: #23b2de;
}

.checkbox > input:disabled ~ span {
  background-color: #b1b9c4;
}

.checkbox-inline {
  padding-top: 5px;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
  scroll-behavior: smooth;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

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

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  /*position: absolute;*/
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */

  main {
    min-height: 2000px;
  }
}

/*Custom CSS*/

body {
  background: #e6f2fb;
  font-family: "nimbus_sans_lregular", sans-serif !important;
  -moz-font-family: "nimbus_sans_lregular", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  /*display: block;*/
}
select option {
  font-family: "nimbus_sans_lregular", sans-serif !important;
  -moz-font-family: "nimbus_sans_lregular", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.login-left {
  padding: 0 100px !important;
  justify-content: center;
}

.kt_login_signin_form {
  width: 400px;
}

.form-control-plaintext:focus-visible {
  outline: none;
}

.form-group .form-control {
  background-color: #fff;
}

.select2-container .select2-selection--multiple {
  height: auto !important;
}

.btn-primary {
  background-color: #23b2de !important;
  border-color: #23b2de !important;
}

.btn-sm {
  font-weight: bold;
  border-radius: 5px;
  max-width: 100px;
}

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

.text-hover-primary:hover,
a.text-hover-primary:hover {
  color: #1b7793 !important;
}

.login-content {
  width: 100%;
}

.navbar-brand img {
  max-width: 75px;
}

.nav-item {
  padding-right: 10px;
}

.nav-item .active {
  color: #23b2de !important;
  background-color: #e6f2fb;
  border-radius: 5px;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.user-menu {
  color: #000 !important;
}

.user-dropdown {
  min-width: 30rem !important;
  padding: 10px 10px 20px 10px;
}

.language-dropdown {
  padding: 10px;
}

.pageTitle {
  /*font-weight: 800;*/
  /*padding-left: 0;*/
  margin-top: 40px;
}

.content-con {
  margin-top: 40px;
}

.card {
  padding: 10px;
}

.card .section-title h3 {
  font-size: 15px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.section-title-no-line {
  font-size: 15px;
  font-weight: bold;
  padding-top: 10px;
  line-height: 10px;
}

.card .section-title h3:after {
  content: "";
  height: 1px;
  background-color: #b1b9c4;
  display: block;
  width: 100%;
  margin-top: 10px;
}

.card .section-title-btn {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.card .section-title-btn h3 {
  font-size: 15px;
  font-weight: bold;
  /*        padding-top: 10px;
        padding-bottom: 10px;  */
  margin: 0;
}

.card .section-title-btn a {
  margin-bottom: 0;
  margin-top: 0;
}

.card .section-title-btn:after {
  content: "";
  height: 1px;
  background-color: #b1b9c4;
  display: block;
  width: 100%;
  margin-top: 10px;
}

.card .corporate-image {
  text-align: center;
}

.card .corporate-image img {
  width: 100%;
  max-width: 200px;
}

.folder-color {
  color: #b5985a;
}

.collapse-child {
  padding-left: 30px;
}

.collapse-child-account {
  padding-left: 40px;
}

.file-directory-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.file-directory.selected {
  background: lightblue;
}

.file-directory {
  display: flex;
  align-items: center;
}

.file-directory span {
  padding-left: 5px;
  font-weight: bold;
}

.file-directory-with-users {
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
}

.file-directory-with-users span {
  padding-left: 5px;
  font-weight: bold;
}

.file-directory-with-users.selected {
  background: lightblue;
}

.card {
  min-height: 300px;
  position: relative;
  padding-bottom: 40px !important;
}

.report-card {
  min-height: 150px;
  break-inside: avoid;
}

.directory-button .btn {
  border-radius: 5px;
  min-width: 70px;
  padding: 5px 8px;
  font-weight: bold;
  margin-right: 10px;
}

.directory-button .btn:hover,
.directory-button .btn:active {
  color: #fff;
  opacity: 0.9;
}

.directory-button .checkbox-inline .checkbox-square {
  margin-bottom: 0;
}

.add-btn {
  background-color: #23b2de;
  color: #fff;
}

.delete-btn {
  background-color: #e45555;
  color: #fff;
}

.edit-btn {
  background-color: #559ce4;
  color: #fff;
}

.directory-button {
  position: absolute;
  bottom: 10px;
  display: flex;
  width: 100%;
  align-items: center;
}

.directory-section {
  padding-bottom: 45px;
}

.form-control {
  border: 1px solid #707070;
  border-radius: 5px;
}

.form-control:focus {
  border-color: #23b2de;
}

.searchbox {
  width: 250px;
  /*padding: 10px 5px;*/
}

.dashboard-btn-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.table-con {
  margin-top: 40px;
}

.table-con table th {
  font-weight: bold;
  color: #000 !important;
  background-color: #b1b9c4;
}

.table-con h3 {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
}

.subreq-summary h3 {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-top: 5px;
}

.dataTables_wrapper .dataTable td.sorting_asc,
.dataTables_wrapper .dataTable th.sorting_asc {
  color: #000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #23b2de;
  color: #fff !important;
  border: none;
}

.dashboard-admin-table table td {
  padding: 5px !important;
}

.table-icons {
  text-align: right;
}

.table-icons span {
  color: #23b2de;
  cursor: pointer;
}

.dataTables_length {
  padding-top: 5px;
  padding-left: 10px;
}

.table-icons .fa-download {
  color: #3ece7c;
}

.dataTables_wrapper .dataTable td.sorting_desc,
.dataTables_wrapper .dataTable th.sorting_desc {
  color: #000 !important;
}

.required {
  color: red;
}

.btn-row {
  display: flex;
  /*justify-content: flex-end;*/
}

.btn-row .btn {
  color: #fff !important;
  font-weight: bold;
  min-width: 100px;
  margin-left: 10px;
}

.btn-row .btn-success {
  background-color: #5cd55c;
  border-color: #5cd55c;
}

.file-directory .folder:before {
  font-family: Font Awesome\5 Free;
  content: "\f07c";
  padding-right: 4px;
  font-weight: 900;
}

.file-directory.collapsed .folder:before {
  font-family: Font Awesome\5 Free;
  font-weight: 900;
  padding-right: 4px;
  content: "\f07b";
}

.dashboard-request-row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.filter-request {
  max-width: 200px;
  margin-right: 5px;
}

.client-section a {
  display: flex;
  justify-content: space-between;
  padding: 15px 8px;
  font-weight: bold;
  align-items: center;
  cursor: pointer;
}

.client-section a span {
  color: #23b2de;
  font-size: 16px;
}

.client-section a:nth-of-type(even) {
  background-color: #e3e7ee;
}

.add-client-btn {
  margin-top: 20px;
}

.user-manager {
  margin-top: 20px;
}

.user-manager h3 {
  font-size: 14px;
  font-weight: bold;
}

.user-manager-window {
  height: 300px;
  border: 1px solid #b1b9c4;
  overflow-y: auto;
  margin-top: 10px;
  padding: 15px;
}

.user-manager-window a {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 5px 0;
  cursor: pointer;
}

.active-user {
  height: 10px;
  width: 10px;
  background-color: #3ece7c;
  border-radius: 50%;
  display: block;
  margin-right: 10px;
}

.client-table {
  margin-top: 10px;
}

.client-profile-con {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

.client-image {
  width: 150px;
  margin-right: 20px;
}

.client-image img {
  width: 100%;
}

.client-profile-info h2 {
  font-weight: bold;
  font-size: 18px;
}

.nav-tabs .nav-item {
  /*padding: 5px 10px;*/
  font-weight: bold;
  background-color: #b1b9c4;
  /*width: 100px;*/
  max-width: 150px;
  min-width: 100px;
  text-align: center;
  border-radius: 5px 5px 0 0;
  padding-right: 0;
}

.nav-tabs .nav-item .nav-link {
  display: block;
  color: #000 !important;
  line-height: 1;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  background-color: #dce2eb !important;
  border: none !important;
  border-radius: 5px 5px 0 0;
}

.nav-tabs .nav-item .nav-link.active {
  background-color: #fff !important;
  color: #000 !important;
  margin-right: 0;
}

.add-new-tab {
  display: block;
  color: #000 !important;
  line-height: 1;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  background-color: #dce2eb !important;
  border: none !important;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  border: 1px solid #000;
  font-weight: bold;
}

.nav.nav-tabs.nav-tabs-line .nav-link.active,
.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled),
.nav.nav-tabs.nav-tabs-line .show > .nav-link {
  border-bottom: 1px solid #23b2de !important;
}

.tab-pane {
  padding: 15px;
}

.custom-file-label {
  border: 1px solid #707070 !important;
  border-radius: 5px;
}

.custom-file-label::after {
  border-radius: 0 5px 5px 0;
}

.clear-file {
  color: #23b2de !important;
  font-weight: bold;
  padding-left: 10px;
}

.users_directory .card {
  box-shadow: none;
  padding: 0;
}

.accordion .card {
  min-height: initial;
  padding-bottom: initial !important;
  padding-left: initial !important;
  padding-right: initial !important;
  border: none;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title:after {
  font-family: Font Awesome\5 Free;
  font-weight: 900;
  content: "\f078";
  color: #23b2de;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title {
  color: #23b2de;
  font-weight: bold;
}

.user-accordion a {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 5px 0;
  cursor: pointer;
}

.notes-con {
  padding: 15px;
  max-height: 375px;
  overflow-y: auto;
  margin-bottom: 20px;
}

.message-note {
  background-color: #efefef;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.message-note-account {
  background-color: #eeeeff;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.rush-request td {
  background-color: rgba(228, 85, 85, 0.4);
}

.service-info-message {
  padding: 10px;
  background-color: #efefef;
}

.service-info-message h4 {
  color: #23b2de;
  font-weight: bold;
  font-size: 15px;
}

.service-information {
  display: flex;
  justify-content: space-between;
}

.service-information p {
  margin-bottom: 5px;
}

.scroll {
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
}

.message-con {
  margin-top: 15px;
}

.bg-light-primary {
  background-color: #c9f7f5 !important;
}

.bg-light-success {
  background-color: #e1f0ff !important;
}

.read-ticket {
  /*font-size: 13px;*/
}

.read-ticket p {
  margin-bottom: 5px;
  font-size: 12px;
}

.message-chat {
  margin-top: 20px;
}

.messageInfo {
  color: #23b2de !important;
  cursor: pointer;
}

.modal-header .close i {
  font-size: 16px !important;
}

.service-info-con {
  max-width: 400px;
}

.service-info-con .service-information p {
  width: 50%;
}

.service-info-con .service-information p:last-of-type {
  text-align: left;
  margin-left: auto;
}

.service-info h4 {
  color: #23b2de;
  font-weight: bold;
  font-size: 15px;
}

.service-info-con .service-information {
  justify-content: flex-start;
}

.important-info {
  margin-top: 20px;
}

.important-info h4 {
  color: #23b2de;
  font-weight: bold;
  font-size: 15px;
}

.important-info p {
  margin-bottom: 5px;
}

.document-download {
  color: #23b2de;
  font-weight: bold;
}

.doc-form {
  max-width: 300px;
  margin-top: 10px;
}

#requestModal .modal-title {
  font-weight: bold;
  font-size: 15px;
}

.sub-title {
  color: #23b2de;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  font-size: 15px;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.profile-info {
  background-color: #efefef;
  padding: 10px;
  margin: 10px;
  width: 100%;
}

.profile-info .user-info {
  display: flex;
}

.profile-info .user-info p {
  margin-bottom: 5px;
}

.profile-info .user-info p:first-of-type {
  width: 40%;
}

.profile-info .user-info p:last-of-type {
  width: 60%;
}

.last-name input[type="text"] {
  width: 90%;
  display: inline-block;
}

.last-name .infoToggle {
  font-size: 18px;
  padding-left: 10px;
  cursor: pointer;
}

.reset-pw,
.prev-btn {
  margin-right: auto !important;
  color: #fff !important;
  margin-left: 0 !important;
}

#form_back {
  margin-right: auto !important;
}

.radio > input:checked ~ span {
  background-color: #23b2de;
}

ul.profileCheck {
  padding-left: 0;
}

ul.profileCheck li {
  line-height: 26px;
}

.package-con {
  margin-bottom: 20px;
}

.package {
  display: flex;
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  padding: 10px;
  align-items: center;
  height: 100%;
}

.package-icon {
  color: #23b2de;
  font-size: 5rem;
  padding-right: 10px;
}

.package-content h3 {
  text-transform: uppercase;
  font-weight: bold;
}

.package-tags p {
  display: inline-block;
  background-color: #ececec;
  font-weight: bold;
  padding: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  font-size: 11px;
}

.package-list {
  margin-bottom: 30px;
}

.resource-con {
  margin-top: 10px;
}

.resource-con h3 {
  color: #23b2de;
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 15px;
}

.productTable tr td:first-of-type {
  width: 40%;
}

.productTable tr td:last-of-type {
  width: 60%;
  padding: 5px;
}

.productTable a {
  color: #23b2de;
  text-decoration: underline;
}

.productTable p {
  margin-bottom: 0px;
}

.productTable span {
  padding-left: 15px;
  font-size: 12px;
  display: block;
}

.upload-paper-btn {
  color: #fff !important;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.adding-service {
  text-align: center;
  display: flex;
  justify-content: center;
}

.adding-service p {
  width: 300px;
  font-size: 12px;
}

.package-addon {
  margin-bottom: 10px;
}

.package-check {
  font-weight: bold;
}

/*.package-check > input ~ span {
    background-color: #23B2DE;
}*/

.package-check > input ~ span:after {
  display: block;
}

.package-check > span:after {
  content: "+";
  transform: inherit;
  font-size: 17px;
  margin: 0;
  top: -4px;
  text-align: center;
  position: absolute;
  font-weight: bold;
  width: 10px;
  color: #23b2de;
}

.package-check > input:checked ~ span:after {
  content: "-";
  border: none;
  color: #fff;
}

.sub-package-item {
  width: 100%;
  font-size: 11px;
}

.sub-package-item span {
  color: #23b2de;
  padding-left: 5px;
}

.package-child {
  padding-left: 20px;
}

.rushBtn {
  background-color: #e45555 !important;
  color: #fff !important;
  border: none;
  width: 100px;
}

.profile-header h4 {
  color: #23b2de;
  font-weight: bold;
  font-size: 20px;
}

.profile-header .position {
  margin-top: 5px;
}

.iconCheck i {
  color: #000;
}

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

.paperworkLabel {
  margin: 0;
}

.iconCheck {
  padding-left: 10px;
  display: flex;
}

.iconCheck .checkbox-inline {
  padding-right: 10px;
  padding-left: 5px;
}

.upload-file-steps {
  padding-left: 15px;
  margin-bottom: 0;
}

.upload-file-steps li {
  padding-bottom: 10px;
}

.no-label-input {
  display: flex;
  flex-direction: column;
}

.no-label-input .custom-file {
  margin-top: auto;
}

.rush-info strong {
  color: #e45555;
}

.rush-request {
  background: #f85032;
}

.hidden-row {
  display: none;
}

.btn-rush-yes {
  background-color: #e45555;
  color: #fff;
  font-weight: bold !important;
  margin-right: 10px;
  font-size: 18px;
}

.btn-rush-yes:hover {
  color: #fff;
}

.btn-rush-no {
  background-color: #b1b9c4;
  color: #000;
  font-weight: bold !important;
  font-size: 18px;
  margin-right: 10px;
}

.rush-btns {
  text-align: center;
}

.input-group-prepend .prettydropdown > ul {
  border-radius: 5px 0 0 5px;
}

.input-group-prepend .prettydropdown > ul > li {
  height: 36px;
  line-height: 33px;
  font-size: 16px;
}

.reg-steps {
  list-style: none;
  padding: 0;
}

.reg-steps li {
  padding: 10px 0;
  font-weight: bold;
  border-bottom: 1px solid #b1b9c4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reg-steps li a {
  color: #000;
}

.steps-edit {
  color: #23b2de;
  padding-right: 10px;
}

.steps-complete {
  color: #5cd55c;
}

.steps-concern {
  color: #ff2d43;
}

.gettingStarted-step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.gettingStarted-step .number span {
  background-color: #23b2de;
  color: #fff;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  margin-right: 10px;
}

.gettingStarted-step .step-info h2 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

.login-card {
  min-height: inherit;
  padding-bottom: 20px !important;
}

.login-card h2 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin-bottom: 10px;
  padding-top: 10px;
}

.login-card a {
  display: inline;
  width: 50%;
}

.DOB-fields {
  display: flex;
  justify-content: space-between;
}

.DOB-fields input:not(:last-of-type),
.DOB-fields select:not(:last-of-type) {
  margin-right: 5px;
}

.DOB-fields .field-box {
  padding: 0;
  margin-right: 5px;
}

.DOB-fields .field-box:last-of-type {
  padding-right: 10px;
}

.two-dropdown input,
.two-dropdown select {
  width: 48%;
}

.employTabs .nav-item {
  max-width: inherit;
  background-color: #fff;
  border: 1px solid #707070;
  border-bottom: none;
  cursor: pointer;
  position: relative;
}

.employTabs .nav-item.add-tab i {
  font-size: 12px;
  padding-right: 5px;
  color: #000;
  position: relative;
  top: 0;
  right: 0;
}

.employTabs .nav-item i {
  font-size: 12px;
  padding-right: 5px;
  color: #000;
  position: absolute;
  top: 4px;
  right: 0;
}

.employTabs .tab-content {
  border: 1px solid #e4e6ef;
  border-radius: 0 0 5px 5px;
  margin-top: 0 !important;
  border-top: none;
}

.additional-conviction {
  border-top: 1px solid #efefef;
  padding-top: 10px;
}

.summary-field input,
.summary-field select,
.summary-field label{
  border: none;
  padding: 0;
  height: auto;
}

.summary-field select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

/* For IE10 */
.summary-field select::-ms-expand {
  display: none;
}

.summary-title {
  color: #23b2de;
  font-weight: bold;
  text-decoration: underline;
  font-size: 15px;
}

.check-top .checkbox {
  align-items: flex-start;
}

.check-top .checkbox span {
  margin-top: 3px;
}

/*.canvas-signature {
    border: 1px solid #000;
}*/

.signature-con {
  text-align: center;
}

#signature-pad {
  border: 1px solid #000;
  margin: 0 auto;
}

.canvas-signature {
  width: 400px;
  margin: 0 auto;
  text-align: right;
}

.authorization-field {
  border: none;
  display: inline;
  width: auto;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #000;
  border-radius: 0;
  padding: 0;
  height: auto;
  min-width: 250px;
}

.criminal-signature-con {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.criminal-signature-con-section label {
  display: block;
}

.validation-summary-errors {
  padding: 10px;
  background-color: rgba(255, 000, 000, 0.2);
  color: red;
  display: block;
  border-radius: 5px;
  width: 100%;
  /*margin: 15px;*/
  font-weight: bold;
  margin-top: 15px;
}

.validation-summary-errors ul {
  margin: 0;
}

.input-validation-error {
  border-color: red;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.plus,
.minus {
  padding: 5px;
}

.result {
  width: 25px;
}

.service-checks {
  width: 50%;
}

.service-checks .checkbox-square label {
  margin-bottom: 0;
}

.active-con-service {
  display: flex;
}

.active-con-service .checkbox-square {
  margin-top: auto;
  margin-bottom: 10px;
}

.service-packages {
  max-height: 400px;
  overflow-y: auto;
}

#accordion .card-header {
  background-color: #23b2de;
}

#accordion .card-header button {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}

#accordion .collapse {
  border: 1px solid #707070;
  border-radius: 0 0 5px 5px;
}

.email-example {
  background-color: #ececec;
  padding: 20px;
}

.email-card {
  background-color: #fff;
  width: 80%;
  border-radius: 15px;
  margin: 10px auto;
  padding: 10px;
}

.email-card .logo {
  text-align: center;
}

.email-card .logo img {
  max-width: 100px;
}

.email-example .email-content a {
  display: block;
  width: 200px;
  margin: 10px auto;
}

.productMainHeader {
  background-image: url(../img/video-bg-2200x357.jpg);
  background-size: cover;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
  text-align: center;
  flex-direction: column;
}

.productMainHeader h1 {
  color: #23b2de;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Bebas Neue", sans-serif;
  font-size: 5rem;
  letter-spacing: 2px;
}

.productMainHeader h3 {
  color: #fff;
  font-weight: 300;
  font-family: "Bebas Neue", sans-serif;
  font-size: 3rem;
}

.most-popular-con {
  text-align: center;
}

.most-popular-con h3 {
  font-size: 2rem;
  font-weight: bold;
}

.package-row {
  display: flex;
  flex-wrap: wrap;
  /*align-items: flex-start;*/
}

.package-row .package-mp {
  width: 24%;
  margin: 0 5px;
  padding: 10px 5px;
  padding-bottom: 20px !important;
}

.package-row .package-mp h4 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 10px;
}

.package-row .package-mp i {
  font-size: 35px;
  color: #23b2de;
  margin: 10px 0 15px 0;
}

.package-mp img {
  width: 125px;
  margin: 0 auto;
}

.package-row .package-mp .package-addons {
  text-align: left;
  margin-bottom: 15px;
}

.package-row .package-mp .package-addons span {
  background-color: #ececec;
  padding: 5px;
  border-radius: 5px;
  margin: 5px 2px;
  display: inline-block;
  font-size: 9px;
  font-weight: bold;
}

.package-row .package-mp a {
  margin-top: auto;
  width: 90%;
  margin: auto;
  margin-bottom: 0;
  font-size: 15px;
}

.package-row .package-mp p {
  font-weight: bold;
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 0;
}

.hiddenPackage {
  display: none;
}

.hiddenServices {
  display: none;
}

.direction-column {
  flex-direction: column !important;
}

.allservice-row {
  /*justify-content: space-between;*/
}

.allservice {
  text-align: left;
  width: 32%;
  position: relative;
  margin: 10px 8px;
  /*outline: 1px solid #DEDEDE!important;*/
}

.allservice h3 {
  font-size: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
}

.allservice .more-info-btn {
  color: #23b2de !important;
  font-weight: bold;
  text-transform: uppercase;
}

.allservice .btn-icon-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}

.allservice .btn-icon-row .btn-primary {
  text-transform: uppercase;
  background-color: #1bc5bd !important;
  font-weight: bold;
  font-size: 15px;
  border: none;
}

.allservice .btn-icon-row .icon-image {
  width: 45%;
}

.allservice .btn-icon-row .icon-image img {
  width: 100%;
}

.cart-icon.symbol .symbol-label {
  background-color: #fdbdc4 !important;
}

.cart-icon.symbol i {
  color: #f64e60 !important;
}

.add-cart-notification {
  background-color: #23b2de;
  color: #fff;
  /*border-radius: 5px;*/
  margin-top: 10px;
  padding: 10px 5px;
  text-align: center;
}

.add-cart-notification-con {
  position: fixed;
  bottom: -200px;
  width: 100%;
  max-height: 200px;
}

.service-section-notification {
  margin: 10px 0 0 0;
  text-align: center;
  font-weight: bold;
  color: #23b2de;
  position: absolute;
  bottom: 2px;
  width: 94%;
  font-size: 12px;
}

.price-btn .price {
  font-weight: bold;
  font-size: 15px;
}

.admin-store-action-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.add-cart-notification p {
  font-size: 12px;
}

.add-cart-notification p em {
  font-weight: bold;
  padding-right: 2px;
}

.add-cart-notification a {
  border: 1px solid #fff !important;
  margin: 0 5px;
}

.remove-product {
  margin-bottom: auto;
  color: #f64e60 !important;
  font-weight: bold;
  cursor: pointer;
}

.dropdown .dropdown-item {
  background-color: white;
}

.cart-item-description a {
  font-weight: bold;
  color: #23b2de !important;
  text-transform: uppercase;
}

.cart-item-description img {
  max-width: 100px;
}

.cart-item-description {
  display: flex;
}

.promotionCode {
  display: flex;
  justify-content: space-between;
}

.promotionCode input[type="text"] {
  width: 70%;
}

.promotionCode button {
  width: 28%;
  background-color: #1bc5bd;
  color: #fff;
  font-weight: bold;
}

.proceed-modal {
  text-align: center;
}

.proceed-modal .triangle-icon {
  color: #ff3636;
  font-size: 4rem;
  padding-bottom: 10px;
  padding-top: 10px;
}

.proceed-modal p {
  padding: 20px;
  font-size: 16px;
}

.proceed-modal button {
  background-color: #484848 !important;
  color: #fff !important;
}

.service-list {
  list-style: none;
  padding-left: 0;
}

.order-icons a {
  font-size: 18px;
  color: #23b2de !important;
  padding: 0 5px;
}

.modalOrderLinksCon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.modalOrderLinksCon a {
  background-color: #23b2de;
  border-radius: 5px;
  color: #fff !important;
  width: 130px;
  height: 130px;
  margin: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.modalOrderLinksCon a i {
  color: #fff !important;
  font-size: 20px;
}

.modalOrderLinksCon a p {
  padding: 10px 0;
  font-weight: bold;
  font-size: 12px;
  margin: 0;
}

.cyan-btn {
  background-color: #1bc5bd !important;
  border-color: #1bc5bd !important;
}

.shopping-cart-icon {
  position: relative;
}

.shopping-count {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  color: #fff;
  background-color: #f64e60 !important;
  bottom: 0;
  right: 0;
  position: absolute;
  text-align: center;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.link-width {
  width: 50px;
}

.emailPreview {
  width: 100%;
  height: 700px;
  border: none;
  outline: none;
}

#kt_login_signin_submit {
  font-size: 22px !important;
}

.login-form .btn {
  font-size: 22px !important;
}

.prefix-flag {
  background-image: url(/img/flags.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: 2px;
  margin-right: 4px;
}

input::-ms-clear {
  display: none;
}

.ui-droppable-hover {
  background-color: #23b2de;
  color: #fff;
  border: 1px solid #23b2de;
}
.ui-state-highlight {
  border: 1px solid #23b2de !important;
  background-color: #23b2de !important;
}
.ui-sortable-helper {
  height: 0em !important;
  overflow: hidden;
}

.dt-buttons {
  text-align: right;
}

.AddSignature {
  max-width: 200px;
}

.signature-accordion .collapse {
  border: none;
}

.signature-accordion .card-header button {
  display: block;
  width: 100%;
  text-align: left;
}

.service-information-name {
  width: 100%;
}

#uploadedDocList {
  padding-left: 18px;
}

.forgot-password-btn .btn-primary {
  font-size: 22px;
}

.request-table-con {
  margin-top: 20px;
}

.service-list-con {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
  position: relative;
}

.admindashboardui-hidden-td {
  position: relative;
}

.admindashboardui-hidden-td div:not(:first-child) {
  display: none;
}

/*.admindashboardui-visible-td div {
    display: flex;
    align-items: center;
    width: 100%;
}*/

/*.admindashboardui-visible-td div:not(:first-child) {
    border-top: 1px solid lightgray;
}*/

.additional-services {
  display: inline-block;
}

.admindashboardui-hidden-td:hover .more-btn {
  display: block;
}

.more-btn {
  background-color: #fff;
  padding: 3px;
  display: none;
  border: 1px solid #000;
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
}

.service-list-con:hover .show-more-btn {
  display: block;
}

.service-list-con br {
  display: none;
}

.show-more-btn {
  position: absolute;
  right: -30px;
  background-color: #fff;
  padding: 5px;
  /*top: 8px;*/
  display: none;
  /*left: 50%;*/
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #000;
}

.modal-btns {
  display: flex;
  flex-direction: column;
  float: right;
  margin-right: 0.25rem;
}

.modal-btns a {
  margin: 5px;
  display: inline-block;
}

.multiple-counter {
  display: flex;
  /*padding: 10px 0;*/
  text-align: center;
  align-items: center;
  margin-left: 10px;
}

.multiple-counter p {
  font-weight: bold;
  margin-bottom: 0;
}

.multiple-counter button {
  margin: 0 10px;
}

.multiple-counter button:first-of-type {
  margin-left: 0;
}

.multiple-counter input {
  width: 30px;
  border-radius: 5px;
}

.download-summary {
  margin: 0;
}

.download-summary a {
  display: flex;
  padding: 10px;
  align-items: center;
  font-weight: bold;
  color: #559ce4;
  background-color: #f2f2f2;
  border-bottom: 1px solid #c1c1c1;
}

.download-summary a i {
  padding-right: 10px;
  color: #5cd55c;
}

.credential-download-link {
  margin: 0;
}

.credential-download-link a {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #559ce4;
}

.credential-download-link a i {
  padding-right: 10px;
  color: #5cd55c;
}

.pdf-title {
  display: none;
}

.print-separator {
  display: none;
}

#orderDetails {
  height: 100px;
  overflow-y: auto;
  max-height: 100px;
  margin-bottom: 10px;
  width: 95%;
  max-width: 99%;
}

.doctTypeDrodown ul {
  border-radius: 5px !important;
  border: 1px solid #707070;
}

.doctTypeDrodown ul li span {
  padding-right: 10px;
}

.error-page {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.error-page h1 {
  color: red;
  font-weight: bold;
}

.error-page p {
  padding: 10px 0;
}

.error-page a {
  width: 100px;
}

.error-card {
  justify-content: center;
  padding: 20px;
}

.faq-con h1 {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 40px;
}

.faq-body h4 {
  font-weight: bold;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.faq-body p {
  /*    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 10px;*/
  /*padding-left: 15px;*/
}

.faq-body {
  padding-top: 20px !important;
}

.faq-body img {
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 10px;
  background-color: #efefef;
  padding: 10px;
  max-width: 400px;
}

.faq-header button {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  width: 100%;
  text-align: left;
  display: block;
}

.list-style-none {
  list-style: none;
}

.card-height-auto {
  min-height: inherit;
}

.messages .rounded {
  padding: 8px !important;
}

.messages .rounded p {
  margin-bottom: 5px;
}

.messages .flex-column {
  margin-bottom: 5px !important;
}

.dashboard-link {
  font-weight: bold;
  font-size: 15px;
  position: relative;
}

/*    .dashboard-link::after {
        content: "";
        width: 1px;
        height: 100%;
        position: absolute;
        right: 0;
    }*/

.isDeleted {
  display: none;
  opacity: 0.6;
}

.user-management-links {
  display: flex;
  margin-left: 15px;
  margin-top: 10px;
}

.user-management-links a {
  font-weight: bold;
  margin-right: 10px;
}

.back-top {
  display: block;
  width: 139px;
  margin-left: auto;
  margin-bottom: 10px;
}

#chatModal .modal-body {
  padding-top: 0;
  padding-bottom: 0;
}

.iti__flag {
  background-image: url("../img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../img/flags@2x.png");
  }
}

.iti {
  width: 100%;
}

.packageList-cart ul {
  padding-left: 0;
  font-size: 11px;
}

.cart-item {
  border-bottom: 1px solid #d4d4d4;
}

.cart-item-img {
  margin-left: auto;
  width: 100px;
}

.cart-item-img img {
  width: 100%;
  margin-left: auto;
}

.user-info-con {
  margin-top: 40px;
  padding: 40px;
  background-color: #efefef;
}

.user-info-con h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

.management-store-links li {
  min-width: 200px !important;
  border: 1px solid #000;
  height: min-content;
}

.management-store-links li a {
  /*line-height: 2!important;*/
}

.input-group-radio {
  position: relative;
  padding: 0;
}

.input-group-radio input {
  opacity: 0;
  position: absolute;
}

.input-group-radio:first-of-type label {
  border-radius: 2px 0 0 2px;
}

.input-group-radio label {
  margin: 0;
  font-weight: bold;
  padding: 0.65rem 1rem;
  cursor: pointer;
}

.input-group-radio input[type="radio"]:checked + label {
  background-color: #23b2de;
  color: #fff;
}

.input-group-radio:first-of-type input[type="radio"]:checked + label {
  border-radius: 5px 0 0 5px;
}

.select2-container {
  width: 100% !important;
  height: calc(1.5em + 1.3rem + 2px);
}

.select2-selection {
  height: 97% !important;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  .select2-selection__choice
  .select2-selection__choice__remove:before {
  content: "X" !important;
}

.image-preview-empty {
  background-color: #efefef;
  width: 100%;
  height: 100%;
}

.image-preview img {
  width: 100%;
}

.order-history-icons a {
  padding: 0 5px;
  cursor: pointer;
}

.CIS-image {
  text-align: center;
  margin-bottom: 40px;
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
}

.CIS-image img {
  width: 150px;
}

.transaction-record {
  background-color: #ececec;
  padding: 15px;
}

.transaction-record p {
  margin-bottom: 5px;
}

.store-package-services .multiple-counter {
  align-items: flex-end;
}

.store-package-services .multiple-counter button {
  max-height: 38px !important;
}

.service-packages .service-checks {
  align-items: flex-start;
}

.card-info-con {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #f7f7f7;
  padding: 20px 10px;
}

.card-info-con h3 {
  font-weight: bold;
  padding-bottom: 10px;
}

#card-element {
  background-color: #fff;
  padding: 10px 5px;
}

.cart-errors {
  background-color: #f8d7da;
  border-radius: 5px;
  padding: 10px;
  color: red;
  font-weight: bold;
}

.request-table-title {
  font-weight: bold;
  font-size: 15px;
}

.dashboard-table th {
  padding: 10px 5px !important;
  font-weight: bold !important;
  font-size: 13px !important;
}

.name-link-td a {
  font-size: 12px;
}

.status-btn {
  padding: 5px 10px;
  border-radius: 50px;
  background-color: #efefef;
  display: flex;
  align-items: center;
  color: #fff !important;
  cursor: pointer;
}
/*prevent pointer when in the slideout pane*/
#slide-out-modal .status-btn {
  cursor: initial;
}

.status-btn .status-number {
  margin-left: auto;
  padding-right: 5px;
}

.status-btn i {
  color: #fff !important;
}

.status-btn.submitted-btn {
  /*background-color: #3E9DCE;*/
  /*color below to attempt to address the issue of overwhelming color*/
  background-color: #65b1d8;
}

.status-btn.complete-btn {
  /*background-color: #4ECE53;*/
  /*color below to attempt to address the issue of overwhelming color*/
  background-color: #95e298;
}

.status-btn.working-btn {
  /*background-color: #FFB300;*/
  /*color below to attempt to address the issue of overwhelming color*/
  background-color: #8bd6e2;
}

.status-btn.requeued-btn {
  /*background-color: #3EBACE;*/
  /*color below to attempt to address the issue of overwhelming color*/
  background-color: #ffd166;
}

.status-btn.cancel-btn {
  /*background-color: #FF6060;*/
  /*color below to attempt to address the issue of overwhelming color*/
  background-color: #ff8080;
}

.date-time {
  font-size: 12px;
  cursor: pointer;
  position: relative;
}

.time-con {
  /*display: none;*/
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  position: absolute;
  z-index: 1;
  /*top: -5px;*/
  /*left: 105%;*/
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.date-time-td:hover .time-con {
  /*display: inline-block;*/
  visibility: visible;
  /*padding-left: 2px;*/
}
.date-time-td .time-con::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%; /* Below the tooltip */
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.icons-td a {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.more-info-con {
  margin-left: 5px;
  cursor: pointer;
}

.more-info-con.selected {
  background-color: #efefef;
  border: 1px solid black;
}

.icons-td a:hover {
  /*background-color: #EFEFEF;*/
  /*border: 1px solid black;*/
}
.more-info-con i {
  color: black;
}

.info-block {
  display: none;
  flex-direction: column;
  position: absolute;
  background-color: #fff;
  min-width: 150px;
  justify-content: center;
  align-items: center;
  border: 1px solid #ebedf3;
  right: 0;
  max-width: 100px;
  z-index: 10;
  border-radius: 0.85rem;
}

.info-block a {
  width: 100%;
  height: auto;
  padding: 5px 0;
  border-radius: 0;
  cursor: pointer;
  color: black;
  justify-content: center;
}

.info-block a:first-of-type {
  border-top-left-radius: 0.85rem;
  border-top-right-radius: 0.85rem;
}

.info-block a:last-of-type {
  border-bottom-left-radius: 0.85rem;
  border-bottom-right-radius: 0.85rem;
}

.info-block a:hover {
  background-color: #efefef;
}
.info-block a.no-hover:hover {
  background-color: #fff;
}

.modal-dialog-slideout {
  min-height: 100%;
  margin: 0 0 0 auto;
  background: #fff;
}

.modal.fade .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(100%, 0) scale(1);
  transform: translate(100%, 0) scale(1);
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 100%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
  border: 0;
}

.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
  height: 69px;
  display: block;
}

.modal-dialog-slideout .modal-header h5 {
  float: left;
}

#slide-out-modal {
  padding-right: 0 !important;
}

#slide-out-modal .modal-title {
  font-weight: bold;
}

#slide-out-modal .close {
  font-size: 25px !important;
  color: black !important;
}

#slide-out-modal .close i {
  font-size: 25px !important;
}

.request-details-name {
  display: flex;
  justify-content: space-between;
}

.request-details-name h4 {
  font-weight: bold;
}

.request-details-name a {
  color: black;
  font-size: 15px;
}

.request-details {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #000;
  /*align-items: center;*/
  margin-top: 10px;
}

.status-name .status-btn {
  display: inline-block;
  /*margin-bottom: 10px;*/
}

.status-name {
  width: 100%;
}

.status-name p {
  margin-bottom: 0;
  margin-top: 0px;
}

.request-links {
  width: 50%;
}

.request-links a {
  display: block;
  color: #327ec1 !important;
  font-weight: bold;
  text-align: right;
}

.separator {
  border-bottom: 2px dashed #000;
  margin: 15px 0;
}

.request-lists {
  margin-top: 10px;
}

.request-item {
  border-top: 1px solid #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.request-item:last-of-type {
  padding-bottom: 0;
}

.request-item a {
  text-decoration: underline !important;
  color: inherit;
}

.icons-td {
  text-align: right;
}

/*Tablet*/
@media only screen and (max-width: 768px) {
  /* CSS rules here */

  .directory-button .btn {
    min-width: 50px;
  }

  .user-name {
    display: none;
  }

  .navbar-toggler {
    margin-left: auto;
  }

  .navbar-toggler {
    height: 35px;
  }

  .dropdown-menu {
    left: auto;
    right: 0;
    min-width: 23rem !important;
  }

  .package-row {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .package-row .package-mp {
    width: 47%;
    margin-bottom: 10px;
  }

  .allservice-row .allservice {
    width: 47%;
    margin-bottom: 10px;
  }
}

/*TOOL TIP CSS*/

[data-tooltip] {
  position: relative;
  cursor: pointer;
}

[data-tooltip]:before,
[data-tooltip]:after {
  line-height: 1;
  font-size: 0.9em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
}

[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}

[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 17em;
  max-width: 50em;
  /*white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 6px 8px;
  border-radius: 3px;
  background: #23b2de;
  color: #ffffff;
  z-index: 99;
  line-height: 1.5;
}

[data-tooltip].warning-tooltip:after {
  background: #f64e60;
  z-index: 99999999;
}

[data-tooltip][data-flow="left"].warning-tooltip::before {
  border-left-color: #f64e60;
  z-index: 99999999;
}

[data-tooltip][data-flow="left_canadidate_header"].warning-tooltip::before {
  border-left-color: #f64e60;
  z-index: 99999999;
}

[data-tooltip][data-flow="top"].warning-tooltip::before {
  border-top-color: #f64e60;
}
[data-tooltip].warning-tooltip.flag-item:after{
  background: #ffc107;
  color: #ffffff;
}
[data-tooltip][data-flow="left"].warning-tooltip.flag-item::before {
  border-left-color: #ffc107;
  color: #ffffff;
}

[data-tooltip][data-flow="left_canadidate_header"].warning-tooltip.flag-item::before {
  border-left-color: #ffc107;
  color: #ffffff;
}

[data-tooltip][data-flow="top"].warning-tooltip.flag-item::before {
  border-top-color: #ffc107;
  color: #ffffff;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}

[data-tooltip]:not([data-flow])::before,
[data-tooltip][data-flow="top"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #23b2de;
}

[data-tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::after {
  bottom: calc(100% + 5px);
}

[data-tooltip]:not([data-flow])::before,
[tooltip]:not([data-flow])::after,
[data-tooltip][data-flow="top"]::before,
[data-tooltip][data-flow="top"]::after {
  left: 35%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}

[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #23b2de;
}

[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}

[data-tooltip][data-flow="bottom"]::before,
[data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}

[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #23b2de;
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow="left_canadidate_header"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #23b2de;
  left: calc(0em + 20px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow="left_canadidate_header"]::after {
  top: 50%;
  right: calc(100% - 20px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}

[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #23b2de;
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}

[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}

[data-tooltip=""]::after,
[data-tooltip=""]::before {
  display: none !important;
}

.print-red {
  color: red;
}

/*END TOOL TIP CSS*/

/*Mobile*/
@media only screen and (max-width: 486px) {
  /* CSS rules here */
  .login-content {
    width: 100%;
  }

  .kt_login_signin_form {
    width: 300px;
  }

  .login-left {
    padding: 0 !important;
  }

  .footer {
    position: relative;
  }

  .dashboard-btn-row {
    flex-direction: column;
  }

  .dashboard-btn-row a {
    width: 100%;
    margin-bottom: 10px;
  }

  .dashboard-btn-row input {
    width: 100%;
  }

  .nav-item .nav-link:not(.active) {
    padding-left: 10px;
  }

  .table-con {
    overflow-x: auto;
  }

  .package-row {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .package-row .package-mp {
    width: 100%;
    margin-bottom: 10px;
  }

  .allservice-row .allservice {
    width: 100%;
    margin-bottom: 10px;
  }

  .forgot-password-btn {
    flex-wrap: wrap;
  }

  .forgot-password-btn a,
  .forgot-password-btn button {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px;
  }

  .canvas-signature {
    width: 100%;
  }

  .cart-item-description img {
    display: none;
  }

  .cart-item-description div:last-of-type {
    margin-left: 0 !important;
  }
  /*
    .user-name {
        display: block;
    }*/

  .user-menu {
    margin-left: 7px;
  }

  .sign-in-btn {
    /*margin-left: auto;*/
  }

  .navbar-nav {
    padding-bottom: 10px;
  }

  .status-btn {
    font-size: 10px;
  }
}

@media only screen and (max-width: 950px) and (min-width: 768px) {
  /* CSS rules here */

  .navbar-nav .nav-item {
    font-size: 11px;
  }
}

@media only screen and (max-width: 1200px) {
  /* CSS rules here */

  .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media screen {
  .report-date {
    display: none;
  }
}

@media print {
  .report-card {
    min-height: 0px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }

  .report-bottom-details {
    position: absolute;
    bottom: 0;
  }

  .report-container .gutter-b {
    margin-bottom: 0px;
  }

  .report-date {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
  }

  .summary-sidebar {
    display: none;
  }

  .summary-content {
    width: 100% !important;
    flex: 1;
    max-width: 100%;
    padding: 0;
  }

  .container {
    /*        padding: 0;*/
    min-width: 100vw;
    max-width: 100vw;
    /*margin: 10px auto;*/
  }

  .edit-link {
    display: none;
  }

  .btn-row {
    display: none;
  }

  footer {
    display: none;
  }

  .summary-con .card {
    /*break-before: avoid;*/
    break-inside: avoid;
    box-decoration-break: clone;
    border: 1px solid #000;
  }
  .summary-con .card .section-title{
    break-after: avoid;
    break-inside: avoid;
  }
  .summary-con .card .summary-field{
    break-inside: avoid;  
  }
  .summary-con.reference-card {
    break-before: avoid;
    break-inside: auto;
  }
  .summary-con .card .reference-box, .summary-con .card .education-box{
    break-before:auto;
    break-inside:avoid;
  }
  
  .ref-section {
    break-inside: auto;
    break-before: avoid;
  }
  .question-region {
    break-before: avoid;
    break-inside: auto;
  }
  .question-box {
    break-inside: avoid;
  }
  .reference-summary {
    padding: 5px;
    margin: 10px;
    border: 1px solid #000;
    background-color: #e5e5e5;
  }

  .employment-history {
    padding: 5px;
    margin: 10px;
    border: 1px solid #000;
    background-color: #e5e5e5;
  }

  .education-history {
    padding: 5px;
    margin: 10px;
    border: 1px solid #000;
    background-color: #e5e5e5;
  }

  body {
    background-color: #fff;
  }

  .required {
    display: none;
  }

  .summary-con .form-group {
    margin-bottom: 10px;
  }

  .criminal-summary {
    padding: 5px;
    margin: 10px;
    border: 1px solid #000;
    background-color: #e5e5e5;
  }

  .reference-summary .summary-field {
    width: 33.3% !important;
    flex: 0 0 33.3%;
  }

  .pdf-title {
    display: block;
  }

  .social-row .summary-field {
    width: 50%;
    flex: 0 0 50%;
  }

  .employment-history .summary-field,
  .employment-history .employmentTitle {
    width: 15%;
    flex: 1 0 15%;
  }

  .education-history .summary-field {
  }

  .education-history .summary-field-address-info {
    width: 25%;
    flex: 0 0 25%;
  }

  .employment-history .employmentTitle {
    max-width: 20%;
    color: #000;
  }

  .summary-title {
    color: #000;
  }

  .print-separator {
    display: block;
    width: 100%;
  }

  .card {
    min-height: inherit;
  }

  input {
    background-color: transparent !important;
  }

  .print-receipt .modal-backdrop {
    display: none;
  }

  .print-receipt .modal-open .modal {
    position: relative;
  }

  .print-receipt .modal-xl {
    max-width: 100%;
  }

  .print-receipt .modal-header {
    display: none;
  }

  .print-receipt .print-btn,
  .print-receipt .hide-receipt-print {
    display: none;
  }

  .print-receipt .receipt-table {
    max-height: inherit !important;
  }

  .print-receipt main {
    min-height: 100% !important;
  }

  .print-receipt .modal {
    position: relative !important;
  }

  .print-receipt .sub-title {
    display: none;
  }

  .thank-you-title-info {
    display: none;
  }

  .print-red {
    color: red;
  }
}

.swal2-container .swal2-html-container {
  max-height: none;
}

.newService {
  background-color: yellow;
}

.email-option,
.upload-option {
  align-self: flex-end;
}

.readonly-submitted {
  color: #3f4254;
  opacity: 0.5;
}

.checkbox > span {
  background-color: #cbd0e0;
}

.dataTables_wrapper .dataTables_processing {
  top: 48px;
  margin-top: 0;
  z-index: 1000;
  height: 95%;
}

.table .form-group .form-control[readonly] {
  background-color: initial;
}

.table {
  border: none !important;
}

.alert-btn-panel {
  position: fixed;
  right: 15px;
  bottom: 15px;
}

.alert-panel {
  position: fixed;
  right: 15px;
  bottom: 75px;
  max-height: 650px;
  max-width: 550px;
  overflow: hidden;
}

.alert-panel-display {
  animation-name: displayAlertBox;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.alert-panel-hide {
  animation-name: hideAlertBox;
  animation-duration: 1s;
  height: 0%;
  width: 0%;
}

.alert-notification-body {
  position: relative;
  overflow: hidden;
  max-height: 580px;
}

.alert-panel .card {
  padding-bottom: 10px !important;
}

.alert-panel .alert.alert-custom {
  padding: 0.75rem 1.25rem;
}

.alert-btn {
  color: #fff;
  background-color: #23b2de;
  border-color: #23b2de;
  font-weight: bold;
}

/* The element to apply the animation to */
.new-alert-present {
  animation-name: new-alert-animation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.alertItemCleared {
  animation-name: hideAlertLine;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 !important;
}

.alertItemCleared .btn-primary {
  display: none;
}

.dropdownQuestionArea {
  width: 100%;
}
/* The animation code */
@keyframes new-alert-animation {
  0% {
    background-color: #23b2de;
    border-color: #23b2de;
    color: #fff;
  }

  100% {
    background-color: #fff4de;
    border-color: #ffa800;
    color: #000;
  }
}

@-webkit-keyframes new-alert-animation {
  0% {
    background-color: #23b2de;
    border-color: #23b2de;
  }

  100% {
    background-color: #fff4de;
    border-color: #ffa800;
  }
}

@-moz-keyframes new-alert-animation {
  0% {
    background-color: #23b2de;
    border-color: #23b2de;
  }

  100% {
    background-color: #fff4de;
    border-color: #ffa800;
  }
}

@-o-keyframes new-alert-animation {
  0% {
    background-color: #23b2de;
    border-color: #23b2de;
  }

  100% {
    background-color: #fff4de;
    border-color: #ffa800;
  }
}

@keyframes displayAlertBox {
  0% {
    height: 0%;
    width: 0%;
  }

  100% {
    height: 100%;
    width: 100%;
  }
}

@keyframes hideAlertBox {
  0% {
    height: 100%;
    width: 100%;
  }

  100% {
    height: 0%;
    width: 0%;
  }
}

@keyframes hideAlertLine {
  0% {
    max-height: 100%;
    max-width: 100%;
    margin-bottom: 1.5rem;
  }

  100% {
    max-height: 0%;
    max-width: 0%;
    margin-bottom: 0;
  }
}

.question-container {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: normal;
  gap: 1%;
  width: 100%;
  padding: 10px;
}

textarea.question-text-area {
  resize: none;
  overflow: hidden;
  min-height: 100px;
  max-height: 200px;
}
.question-container .form-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.accordion-header-2 #chev::after {
  font-family: "Font Awesome 5 Free";
  content: "\f077" !important;
  float: right;
  margin-right: 3%;
}

.accordion-header-2.collapsed #chev::after {
  font-family: "Font Awesome 5 Free";
  content: "\f078" !important;
  float: right;
  margin-right: 3%;
}

.accordion-header::after {
  content: "\f077" !important;
  transform: none;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  background-image: none !important;
  text-align: right;
  right: 3%;
  position: absolute;
}

.accordion-header.collapsed::after {
  content: "\f078" !important;
  text-align: right;
  right: 3%;
  position: absolute;
}

.accordion-header {
  font-weight: bold;
  cursor: pointer;
}

#ui-datepicker-div {
  z-index: 1000000 !important;
}

.subreq-summary .subreq-section {
  border: 1px solid black;
  border-radius: 5px 5px;
  padding: 5px;
}

.subreq-summary .subreq-section:not(:first-child) {
  margin-top: 5px;
}

.other-text {
  margin-top: 1.75rem;
}

.cobourg-cert-label {
  color: #ff0000 !important;
}

.form-group .form-control:disabled,
.custom-file-input:disabled,
.reference-section .form-control[readonly],
.question-partial .form-control[readonly] {
  background-color: #e9ecef;
  /*border-color: rgba(118, 118, 118, 0.3);*/
}


#docs .supportDocItem{
  border-bottom:1px black dashed;
  padding-top:10px;
  padding-bottom: 10px;
}