:root {
  --success: #18bc9c;
  --button-save: #6bbd57;
  --button-cancel: #e9e9e9;
  --white: #ffffff;
  --red: #ee5253;
  --pink: #e84393;
  --black: #000000;
  --active: #0f7864;
  --light-yellow: #fffddd;
  --blue: #1b9cfc;
  --dark-grey: rgba(0, 0, 0, 0.65);
  --light-grey: rgb(120, 117, 124);
  --text-light-grey: rgb(191, 189, 193);
  --light-blue: #78b9ff;
  --light-yellow-table: rgb(255, 253, 221);
  --border-color: rgb(191, 189, 193);
  --hovered-icon-color: rgb(35, 31, 32);
  --button-text-color: rgb(219, 52, 0);
  --span-background: #f5f5f5;
  --text-color: #333;
  --link-color: #427cd8;
  --hover-bg: #78b9ff52;
  --button-new: #0067ff;
  --warning: #ffcc0f;
  --selected-bg: rgb(0 92 245 / 0.16);
  --selected-text: rgb(0, 92, 245);
  --hover-th: rgb(87, 83, 93);
  --light-grey-border: rgb(224, 223, 225);
  --color-label-input: rgb(76, 73, 73);
  --btn-print: #1a3768;
  --icon-active: #53a8ff;
  --hover-title: #303030;
  --highlight: rgb(255, 253, 221);
  --input-color: #969696;
  --button-file: #efefef;
  --modal-header: #74489d;
  --modal-btn-ok: #02b8f3;
  --hover-list: #68aff84a;
  --normal-text: #4c4949;
  --label-notes: #1a3668;
  --disabled: #6c757d24;
  --border-normal: #dee2e6;
  --orange: #ff8300;
  --text-bg: #ffff00;
  --th-bg: #666;
  --bg-ccc: #ccc;
  --bg-hover-list: rgb(204, 204, 204, 0.31);
  --bg-f6f9fd: #f6f9fd;
  --bg-button-e6: #e6e6e6;
  --bg-button-da: #dadada;
  --bg-light-blue: #02b8f3;
  --bg-hover-btn: #36ceff;
  --hover-text-label: #365ebf;
  --text-color-1b99ff: #1b99ff;
  --text-color-44CAF5: #44caf5;
  --disabled: #e9ecef;
  --button-border-color: #cecece;
  --button-cancel-color: #ffffff;
  --button-save-color: #6ec659;
}

.login-form {
  margin-top: 19rem;
}

.failed-login {
  transition: 0.5s all linear;
}

.failed-login.display-out {
  padding: 0;
  opacity: 0.25;
  height: 0;
}

nav.page-loc {
  background: var(--white) !important;
  box-shadow: 0 2px 5px rgba(182, 182, 182, 0.75);
}

a {
  color: #67748e;
  font-family: "Inter", sans-serif;
}

a.header-link {
  color: var(--pink) !important;
  text-decoration: none;
}

/* a.nav-link.active {
  color: var(--success) !important;
} */

.nav-tabs {
  --bs-nav-tabs-border-color: transparent;
}

.nav-tabs li a.nav-link {
  font-size: 12px;
  letter-spacing: 0.2px;
}

/* .nav-tabs li a.nav-link, 
.nav-tabs li a.nav-link .bi-question::before {
  color: #67748e;
} */

.nav-tabs li a.nav-link .bi-question::before {
  font-size: 20px;
}

.nav-tabs li:hover a.nav-link,
.nav-tabs li:hover a.nav-link .bi-question::before {
  font-weight: normal;
  color: #da3c42;
}

.nav-tabs a.nav-link.active,
.nav-tabs a.nav-link.active .bi-question::before {
  color: #da3c42;
}

.nav-item a i.bi {
  font-size: 1.5rem;
}

a.nav-link.custom-dropdown {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

legend.table-legend {
  padding-left: 0 !important;
}

/* Table Pending Labs Table */
table.pending-labs tr th {
  font-size: 12px !important;
}

table.pending-labs tr td {
  font-size: 12px !important;
}

table.pending-labs tr td a {
  font-size: 12px !important;
}

/* Table  Upcoming Appointments*/
table.upcoming-appointments tr th {
  font-size: 12px !important;
}

table.upcoming-appointments tr td {
  font-size: 12px !important;
}

.table-report-filter input {
  font-size: 12px !important;
}

/* Sorting Caret */
th.client-name-sort {
  cursor: pointer;
}

.caret-sort {
  font-size: 10px !important;
}

span.caret-sort i {
  cursor: pointer;
}

i.bi.active {
  color: var(--success) !important;
}

.logo-brand i {
  font-size: 10rem !important;
}

/* Pagination */
.pending-pagination .page-item .page-link.active {
  background-color: var(--active);
}

.pending-pagination .page-item .page-link {
  cursor: pointer;
}

i.logo {
  color: var(--red);
}

/* Header */
span.mx-2.brand-name {
  color: var(--white);
  /* rgba(0, 0, 0, .65) */
}

.oshw-top-bg {
  background-color: var(--dark-grey) !important;
}

.title-page {
  background-color: var(--light-blue);
  padding: 2px 2px 0px 2px;
  border-radius: 5px;
  border: 2px solid var(--black);
  display: flex;
  justify-content: center;
  color: var(--black);
  align-items: center;
}

.title-page h6 {
  font-weight: 500;
}

.sub-title-page {
  border-bottom: 1px solid var(--light-blue);
  /* padding: 0px !important; */
}

.sub-title-page h6 {
  color: var(--black);
  font-weight: 600;
}

.form-group-inpt {
  display: flex;
  align-items: center;
}

#client-year-form label.label-input {
  display: block;
}

label.label-input,
.label-input,
.select2-selection__placeholder,
.select2-search__field,
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
ol li::marker {
  font-size: 12px !important;
  font-weight: bold;
  letter-spacing: 0.3px;
  color: #4c4949;
  font-family: "Roboto";
  margin-bottom: 2px;
}

.table tbody td .badge.border {
  margin-right: 2px;
  font-weight: normal;
  font-size: 11px;
}

.table tbody td .badge.border:last-child {
  margin-right: 0;
}

.table-record td a,
.table-record td span {
  letter-spacing: 0.3px;
}

table.table.table-record * {
  font-family: "Roboto";
}

table.table.table-record thead * {
  font-weight: 500;
  letter-spacing: 0.3px;
  color: #fff;
  text-decoration: none;
}

table.table.table-bordered.table-record thead tr {
  background: var(--light-grey);
  font-size: 12px;
}

table.table.table-bordered.table-record thead tr th {
  color: var(--white);
  vertical-align: top;
}

table.table.table-bordered.table-record tbody tr td {
  font-size: 13px;
  color: var(--hovered-icon-color);
}

i.warning-text-icon {
  font-size: 14px !important;
}

.task-bg {
  background-color: var(--light-yellow-table);
}

.task button.btn {
  margin-bottom: 0 !important;
  font-size: 12px;
}

/* Exposure Home page */
div.search-inpt .input-group-text {
  border-radius: 3.375rem;
}

div.search-inpt input.form-control {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

.col-1.filter-icon-wrapper {
  width: 5% !important;
}

.filter-icon {
  padding: 6px;
  border: 1px solid var(--border-color);
  border-radius: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter-category {
  padding: 6px;
  border: 1px solid var(--border-color);
  border-radius: 30px;
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  background: var(--white);
}

.filter-category.button-helper-delete {
  width: 80px !important;
}

#total-selected {
  font-size: 14px !important;
}

#checkbox-active {
  display: none;
}

/* Personnel Exposure info */
table.table.table-bordered.table-record.view-table-record thead tr th {
  font-size: 13px !important;
}

table.table.table-bordered.table-record.view-table-record tbody tr td {
  font-size: 13px;
}

/* End of Personnel Exposure */

/* Custom Helper CSS  */
/* Table */
.table-helper-top {
  display: flex !important;
  align-items: start !important;
}

.table-helper-width-75 {
  width: 75px !important;
}

.table-helper-align-items-row {
  display: flex;
  justify-content: space-between;
  text-align: center;
  padding: 10px 15px 10px 15px !important;
}

.table-helper-center {
  text-align: center !important;
}

/* checkbox */
.checkbox-helper-size {
  width: 18px;
  height: 18px;
}

/* bi-icon size */
.bi-helper-size {
  font-size: 14px !important;
}

.bi-helper-color {
  color: var(--text-light-grey) !important;
}

.bi-helper-color:hover {
  color: var(--hovered-icon-color) !important;
  cursor: pointer;
}

/* Button */
.button-helper-delete {
  color: var(--button-text-color);
}

.button-helper-delete:hover {
  color: var(--white);
  background: var(--button-text-color);
}

.button-helper-margin-bottom {
  margin-bottom: 0 !important;
}

.button-helper-font-13 {
  font-size: 13px !important;
}

.button-helper-font-10 {
  font-size: 10px !important;
}

.btn-custom-save {
  background: var(--button-save) !important;
  font-size: 12px !important;
}

.btn-custom-cancel {
  background: var(--button-cancel) !important;
  color: var(--black) !important;
  font-size: 12px !important;
}

.btn-custom-delete {
  background: transparent !important;
  color: var(--black) !important;
  font-size: 12px !important;
}

.btn-custom-delete i {
  color: var(--red) !important;
}

/* Span */
.span-helper-label,
.field-bg {
  background-color: #f2f2f2;
}

.span-helper-text {
  font-size: 12px;
  color: var(--text-color);
  font-weight: 400;
}

.span-helper-text a {
  color: var(--link-color) !important;
}

/* End of Custom Helper */

/* dropdown sub menu */
.dropdown-more {
  position: relative !important;
  display: block;
}

/* Document Table css */
.table-document-layout {
  background: var(--white);
  margin-bottom: 0 !important;
}

.table-document-layout thead th {
  font-size: 12px !important;
}

.table-document-layout thead th a {
  text-decoration: none;
}

.table-document-layout thead th a:hover {
  text-decoration: underline;
}

/* Custom select */
div.custom-select {
  position: relative !important;
  display: block !important;
}

.border-custom-select {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

span.select-custom-title {
  font-size: 10px;
  font-weight: 700;
}

span.select-custom-details {
  font-size: 13px;
  color: var(--black);
  font-weight: normal;
}

li.exposure-list-profile {
  cursor: pointer;
}

li.exposure-list-profile:hover {
  background: var(--hover-bg);
}

li.exposure-list-profile.label-matches {
  font-size: 13px;
  cursor: context-menu;
}

li.exposure-list-profile.label-matches:hover {
  background: none;
}

li.exposure-list-profile.label-matches.browse-profile.d-flex.flex-row.px-1.py-1 {
  border-bottom: 1px solid var(--border-color);
  width: 94%;
  cursor: pointer !important;
}

.profile-details-list {
  min-width: 550px;
}

ul.dropdown-menu.profile-details-list {
  min-height: 10px !important;
  overflow-y: visible !important;
}

input.custom-input-select {
  border-color: var(--border-color);
  /* width: 80% !important; */
}

.selected-span-bg {
  background-color: var(--light-yellow-table) !important;
}

.display-none {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

li.cursor-pointer {
  cursor: pointer !important;
}

/* Custom Loading Design */
span.input-group-text.custom-loading-helper {
  background: var(--white) !important;
  border: none !important;
}

span.input-group-text.custom-remove-helper {
  background: var(--white) !important;
  border: none !important;
  cursor: pointer;
}

/* Custome div icon inline */
div.custom-relative-icon {
  position: relative;
}

span.calendar-icon {
  position: absolute;
  right: 20px;
  top: 4px;
  cursor: pointer;
}

span.caret-icon {
  position: absolute;
  right: 18px;
  top: 5px;
  cursor: pointer;
  z-index: 10;
}

span.calendar-search {
  position: absolute;
  right: 20px;
  top: 4px;
  cursor: pointer;
}

.custom-select {
  font-size: 12px !important;
}

#input_profile_wrapper .input-group > .custom-input-select {
  font-size: 15px;
}

/* Custome toast */
div.custom-toast-saved {
  position: relative;
  left: 30px !important;
  bottom: 20px !important;
}

div.custom-toast-saved .toast-body p {
  color: var(--white);
  margin-bottom: 0 !important;
}

.form-text {
  font-size: 10px;
  font-family: "Roboto";
  display: block;
}

.col-1.d-flex.align-items-center.ps-0.custom-div-ext {
  padding-right: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.col-7.custom-inpt-phone {
  padding-right: 10px !important;
}

span.ext-span {
  font-size: 11px;
}

.col-7.custom-div-padding {
  padding-right: 5px !important;
}

span.span-custom-fullname {
  font-size: 12px;
}

div.fullname-div.filled {
  background: var(--light-yellow);
}

.font-12x {
  font-size: 12px !important;
}

.btn-crud .btn-create a.custom-btn-link,
.btn-save-close button {
  background: var(--button-save);
  color: var(--white);
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

a.custom-btn-link i {
  color: var(--white);
}

a.custom-btn-cancel {
  background: var(--button-cancel) !important;
}

a.custom-btn-delete i {
  color: var(--red);
}

ul.custom-dropdown-text li.label-matches {
  font-size: 12px !important;
}

.btn-crud .btn-create a.custom-btn-new {
  background-color: var(--button-new) !important;
}

li.bb-list {
  border-bottom: 1px solid #ccc;
}

li.bt-list {
  border-top: 1px solid #ccc;
}

.btn-save-close button.btn.custom-dropdown-active {
  background: var(--button-save) !important;
}

textarea.custom-textarea {
  font-size: 14px !important;
}

.font-sm {
  font-size: 12px !important;
}
.font-sm-10 {
  font-size: 10px !important;
}

.font-sm-14 {
  font-size: 14px !important;
}

li.user-li:hover {
  background-color: var(--blue) !important;
}

li.user-li:hover i {
  color: var(--white) !important;
}

li.user-li:hover span {
  color: var(--white) !important;
}

.custom-warning {
  background: var(--warning) !important;
  color: var(--black);
}

.selected-user-wrapper {
  background: var(--selected-bg);
  color: var(--selected-text);
  border: 1px solid var(--selected-text);
}

.close-selected {
  cursor: pointer;
}

/* Responsive Temp */
@media only screen and (min-device-width: 1440px) {
  .filter-category span {
    font-size: 12px !important;
  }
}

.current-sub-page i {
  color: #bdbdbe;
}

.current-sub-page span.page-report {
  font-size: 13px;
  color: #303030;
  cursor: pointer;
}

.current-sub-page span.page-report span:hover {
  color: #07b8f2;
}

.icon-wrapper i {
  color: #57535d;
}

.btn-crud .btn {
  box-shadow: none;
}

.btn-crud .btn-create a {
  background-color: #0067ff;
}

.btn-crud .btn-create a i {
  font-size: 13px;
}

.btn-crud .btn-create a,
.btn-crud .btn-create a i,
.btn-crud .btn-create a span {
  color: #fff;
}

.btn-crud .btn-create a,
.btn-crud .btn-create a span {
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}

.btn-bulk-edit a i,
.btn-download-report a i {
  color: #57535d;
}

.btn-bulk-edit a,
.btn-download-report a {
  height: 36px;
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 50%;
}

.btn-bulk-edit a:hover,
.btn-download-report a:hover {
  background-color: #f5f5f5;
}

.btn-crud .btn-cancel button,
.btn-crud .btn-cancel button:hover {
  color: #344767;
}

.sign-off-checklist > div {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.sign-off-checklist dd {
  font-size: 12px;
  letter-spacing: 0.2px;
  line-height: 1;
}

.sign-off-checklist dd i {
  margin-right: 5px;
}

.sign-off-checklist dd i::before {
  font-size: 16px;
}

/* scroll left/right on nav-tab modules */
.slider__btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  border: none;
  background: var(--white);
  font-family: inherit;
  color: #333;
  height: 80%;
  width: 2rem;
  font-size: 22px;
  padding: 0;
}

.slider__btn--left {
  left: 1%;
  transform: translate(-50%, -50%);
}

.slider__btn.slider__btn--left {
  border-left: 1px solid #8888886e;
  box-shadow: 0 1px #8888886e;
}

.slider__btn--right {
  right: 1%;
  transform: translate(50%, -50%);
}

.slider__btn.slider__btn--right {
  box-shadow: 1px 1px #8888886e;
}

/* end of scroll left/right on nav-tab modules */

.navbar li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.navbar li > ul {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  background: #f9f9f9;
  transition: all 200ms ease;
  z-index: 10000;
  list-style: none;
  margin: 0;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.nav__wrap {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.nav__wrap::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.has-submenu ul li a {
  font-size: 13px;
}

.has-submenu ul li a i {
  font-size: 15px !important;
}

.has-submenu ul li a i {
  margin-right: 5px;
}

.has-submenu ul li:last-child {
  margin-bottom: 0;
}

.nav__wrap {
  display: flex;
  overflow-x: auto;
}

.nav__item {
  flex-shrink: 0;
  position: relative;
}

.nav__dropdown {
  position: absolute;
  z-index: 1;
}

.nav--tall .nav__wrap.show-dropdown-modified {
  height: 215px;
}

.nav--absolute {
  height: 74px;
  position: relative;
}

.nav--absolute .nav__wrap {
  position: absolute;
  width: 100%;
  padding-right: 25px;
}

/* Just for looks */
.nav__wrap,
.nav__wrap * {
  list-style: none;
  /* background: rgba(50,50,200,.1); */
}

ul {
  padding: 0;
  margin: 0;
}

.nav__item {
  height: 74px;
}

.nav__wrap .nav__item > a.nav-link,
.nav__dropdown > li {
  white-space: nowrap;
  height: 100%;
  padding: 0.5rem 15px;
  text-decoration: none;
}

.accordion-item {
  border-bottom-width: 5px;
  border-bottom-color: #fff;
}

.accordion-item:last-child {
  border-bottom-width: 0;
  border-bottom-color: transparent;
}

.accordion-button::after {
  position: absolute;
  /* left: 15px; */
  color: #6c757d;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236c757d'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.accordion-button span {
  padding-left: 35px;
  color: #6c757d;
  font-size: 20px;
}

.accordion-body .h6,
.subsection .h6 {
  border-bottom-style: dotted !important;
}

.table thead th:hover {
  background: var(--hover-th) !important;
  cursor: pointer;
}

.section-heading {
  text-decoration: underline;
  font-size: 14px;
}

.decibals {
  margin-right: 10px;
}

.decibals input {
  max-width: 70px;
}

.decibals input.result {
  max-width: 150px;
}

.default-label label {
  max-width: 120px;
  width: 100%;
}

.table-report-nav {
  transition: height 0.5s ease-in-out;
  height: 0 !important;
  overflow: hidden;
}

.table-report-nav.custom-hidden {
  transition: height 0.5s ease-in-out;
  height: auto !important;
  background: #f5f5f5;
}

.table-report-new {
  color: var(--link-color);
  cursor: pointer;
}

.table-report-organize {
  color: var(--link-color);
  cursor: pointer;
}

.table-report-new i {
  color: var(--icon-active);
}

.table-report-filter {
  background: #e9e9e9;
}

.table-list-report {
  background: #f5f5f5;
}

.table-list-report ul li {
  margin-bottom: 5px;
  cursor: pointer;
}

.table-report {
  border: 1px solid #e9e9e9;
  background: #fff;
}

.custom-position {
  right: 5%;
  top: 10%;
}

.custom-position i {
  color: #5555555e;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--focus
  .select2-selection--single
  .select2-selection__clear {
  display: block;
  margin-right: 20px;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #5d98f729;
  color: var(--color-label-input);
}

.select2-results__options li.select2-results__option {
  border-bottom: 1px solid var(--light-grey-border);
}

.select2-results__options li.select2-results__option:last-child {
  border-bottom: none;
}

.fullname-wrap {
  min-width: 150px;
}

.quickbooks-services-wrap {
  min-width: 100px;
}

.services-name-wrap {
  min-width: 150px;
}

.address-wrap {
  min-width: 78px;
}

.mrn-wrap > div.text-body-tertiary,
.fullname-wrap > div.text-body-tertiary,
.services-name-wrap > div.text-body-tertiary,
.quickbooks-services-wrap > div.text-body-tertiary,
.address-wrap > div.text-body-tertiary, 
.client-name > div.text-body-tertiary {
  line-height: 0.8;
  margin-bottom: 5px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 26px;
}

.select2-search__field:focus-visible {
  outline: none;
}

.btn-filter .btn-criterion:hover {
  border: 1px solid var(--blue) !important;
  color: var(--blue) !important;
  background: var(--white);
}

textarea.form-control {
  font-size: 12px;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  opacity: 1;
}

.main-content .alert-danger {
  color: #b02a37 !important;
}

#manual_appointment_abnormal tbody tr td .form-check-input,
.embedded-reports tbody tr td .form-check-input {
  font-size: 18px;
}

.embedded-reports thead tr td:nth-child(2) {
  min-width: 200px;
}

#tbl_posts_body tr td a.btn,
.tbl_posts_body tr td a.btn {
  font-size: 14px;
}

#tbl_posts_body tr td .cat,
#tbl_posts_body tr td .subcat {
  min-height: 29px;
  font-size: 11px;
}

.automatic-appointment-abnormal-reports-content table tbody tr td .cat {
  font-size: 11px;
}

.back-health-history-content ol > li {
  margin-bottom: 10px;
}

.select2-results small {
  font-size: 10px;
}

/* .select2-dropdown.select2-dropdown--below {
  width: 550px !important;
} */

.select2-container--default .select2-selection--multiple:before {
  content: " ";
  display: block;
  position: absolute;
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  right: 6px;
  margin-left: -4px;
  margin-top: -2px;
  top: 50%;
  width: 0;
  cursor: pointer;
}

.select2-container--open .select2-selection--multiple:before {
  content: " ";
  display: block;
  position: absolute;
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
  height: 0;
  right: 6px;
  margin-left: -4px;
  margin-top: -2px;
  top: 50%;
  width: 0;
  cursor: pointer;
}

.currency span {
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  font-size: 14px;
}

.currency input {
  padding-left: 15px;
}

/* User side bar */
.custom-user-sidebar .accordion-button::after {
  background-size: 1rem !important;
  /* margin-bottom: 10px; */
}
.custom-user-sidebar .accordion-item {
  border: 0 !important;
}
.custom-user-sidebar .accordion-button:not(.collapsed) {
  background-color: var(--white) !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}
.custom-user-sidebar .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  box-shadow: none !important;
}
.custom-user-sidebar .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: 0 !important;
}

.custom-user-sidebar .accordion-button:not(.collapsed) {
  color: var(--black) !important;
}
.custom-user-sidebar .accordion-button::after {
  margin-left: 0 !important;
}
.custom-user-sidebar .accordion-button {
  padding: 0 !important;
}
/* End of user side bar */
/* User Accordion */
ul.user-accordion-list li i {
  font-size: 10px !important;
  color: var(--bg-ccc);
  visibility: hidden;
}

ul.user-accordion-list li:hover {
  background-color: var(--bg-hover-list) !important;
  cursor: pointer;
}
ul.user-accordion-list li:hover i {
  visibility: visible;
}

li.active-list {
  background-color: var(--bg-hover-list);
}
li.active-list i {
  visibility: visible !important;
}

ul.user-accordion-list li {
  font-size: 14px;
}

.custom-user-sidebar .accordion-body {
  padding: 1rem 0.7rem 1rem 0.7rem;
}

.manage-user-list {
  background: var(--bg-f6f9fd);
}

.custom-btn-primary {
  background: var(--bg-button-e6);
  font-size: 1em !important;
  box-shadow: none !important;
}
.custom-btn-primary:hover {
  background: var(--bg-button-da) !important;
  color: var(--black) !important;
}
.custom-btn-primary i {
  font-size: 18px;
  font-weight: bold;
}
.btn-bottom-save-close {
  width: 6em;
  border: 1px;
  font-size: 14px;
}
.btn-bottom-save {
  background: var(--button-save-color) !important;
  color: var(--white);
}
.btn-bottom-save.btn-new {
  width: unset;
}
.btn-bottom-save i.bi {
  color: var(--white);
}
.btn-bottom-save:hover {
  background: #9ce28b !important;
}
.btn-bottom-cancel {
  background: var(--button-cancel-color);
  border: 1px solid var(--button-border-color) !important;
  color: var(--black);
}
.btn-bottom-cancel:hover {
  background: #eeeeee !important;
}

/* Custom Button in User */
.btn-lg-add {
  background: var(--bg-light-blue);
  color: var(--white);
  cursor: pointer;
}
.btn-lg-add:hover {
  background: #36ceff;
}
.border-radius-top-left {
  border-top-left-radius: 5px;
}
.border-radius-bottom-left {
  border-bottom-left-radius: 5px;
}
.border-radius-bottom-right {
  border-bottom-right-radius: 5px;
}
.border-radius-top-right {
  border-top-right-radius: 5px;
}
.btn-user-group ul {
  border-radius: 0;
}

.btn-lg-add i {
  color: var(--white);
}
.nav-actions {
  cursor: pointer;
}
.nav-actions span:hover {
  color: var(--hover-text-label);
}
/* End Custom user button */
.short-icon {
  cursor: pointer;
}
.short-icon div {
  opacity: 0.2;
}
#tbl-body-users table tbody tr:hover div {
  opacity: 1;
}
.table-check {
  cursor: pointer;
}

ul.list-report {
  list-style: none;
  /* column-count: 2; */
}

.list-report .list-item:hover {
  color: var(--link-color);
  background: var(--button-cancel);
}

.search-wrapper {
  top: 17%;
  right: 8%;
}
.break-li {
  break-before: column;
}

.text-color-black {
  color: var(--black);
}
.btn-custom-cancel-modal {
  cursor: pointer;
}
.btn-custom-default {
  background: var(--button-cancel);
  box-shadow: none !important;
  border: 1px solid var(--bg-button-da) !important;
}
.btn-custom-default:hover {
  background: var(--button-cancel);
}

.table.custom-form-table thead th:hover {
  background: none !important;
  cursor: default;
}
.table.custom-form-table > :not(caption) > * > * {
  border-bottom-width: 0 !important;
}
td.td-input {
  width: 0;
}
.td-remove-icon {
  cursor: pointer;
}
.text-add-user {
  color: var(--text-color-1b99ff);
  cursor: pointer;
}
.text-add-user:hover {
  color: var(--text-color-44CAF5);
}
.modal-header.custom-modal-header-user {
  background: transparent !important;
  border-bottom: none !important;
}
.modal-header.custom-modal-header-user h5 {
  color: var(--black) !important;
}
.custom-modal-footer-user {
  border-top: none !important;
}

.remove-close_wrapper {
  position: absolute;
  top: 3px;
  right: 50px;
  z-index: 9;
}

.sprite {
  cursor: pointer;
}

.login-logo {
  height: 36px;
  width: 100%;
}
.org-logo {
  height: 46px;
  width: 100%;
}
.preview-close {
  position: absolute;
  top: 0%;
  /* right: -15%; */
  cursor: pointer;
}

.preview-close i {
  color: var(--white);
  font-size: 25px;
  cursor: pointer;
}
.preview-close h5 {
  color: var(--white);
}
.close-preview {
  position: absolute;
  right: -15rem;
}

.image-preview-modal {
  background-size: auto;
  background-position: center center;
}
.zoom-img {
  /* width: 100%; */
  object-fit: "contain";
}
.span-link-label {
  color: var(--blue);
}

.btn-filter .btn-filter-active {
  color: var(--white);
  background-color: var(--icon-active);
  border-color: var(--blue);
}
.btn-filter .btn.show {
  color: var(--white);
  background-color: var(--icon-active);
  border-color: var(--blue);
}

.field-clear-button {
  cursor: pointer;
}

.custom-select .remove-wrapper-14 {
  right: 6%;
}

/* Css for Save and Close Button */
.btn-save-close button {
  width: 6em;
  border: 1px;
  font-size: 14px;
}

.btn-cancel a {
  width: 6em;
  border: 1px;
  font-size: 14px;
}

.btn-save-close button:hover {
  background: #9ce28b !important;
}
.btn-cancel a {
  background: var(--button-cancel-color) !important;
  border: 1px solid var(--button-border-color) !important;
  color: var(--black);
}
.btn-cancel a:hover {
  background: #eeeeee !important;
  color: var(--black) !important;
}
/* End */
.loading-save-img {
  height: 20%;
  width: 20%;
  background-image: url(../images/saveLoad.png);
  background-repeat: no-repeat;
  background-size: contain;
}

/* Custom Toast */

.custom-toast.bg-success-subtle {
  background-color: none !important;
}

.custom-toast.border-success-subtle {
  border-color: none !important;
}

.custom-toast {
  border-radius: 5px !important;

  box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.25) !important;
  width: 306px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.bg-success-subtle.border-success-subtle.custom-toast {
  border-bottom: 3px solid #6ec659 !important;
  background: #def2d6 !important;
}

.bg-danger-subtle.border-danger-subtle.custom-toast {
  border-bottom: 3px solid #f00;
  background: #ffe7e7;
}

.toast-message {
  color: var(--black);
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  overflow-wrap: break-word;
}

/* Sub Table Report */
.sub-table-report.table-view {
  padding: 1em;
  border: 1px solid #dedede;
  background: #fff;
}

.sub-table-report table {
  background-color: var(--white);
}

.sub-table-report .table th {
  border-bottom: 1px solid #cecece !important;
  background: #dbdbdb !important;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.sub-table-report .table th a {
  color: #484848 !important;
}

.sub-table-report .table th {
  border-bottom: 1px solid #cecece !important;
  background: #dbdbdb !important;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.sub-table-report .table td,
.sub-table-report .table td span {
  color: #424242;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.sub-table-report .table td a,
.sub-table-report .table td a span {
  color: #0067ff !important;
}

.sub-table-report .table td span.badge {
  letter-spacing: 0.5px;
  font-size: 9px;
}

.sub-table-report .table td a i {
  color: #424242 !important;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.sub-table-report .table th a {
  color: #484848 !important;
}

.sub-table-report .wha-table thead th:hover {
  background: #d1d0d0 !important;
  cursor: pointer;
}

.sub-table-report .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--white) !important;
}

.sub-table-report .table-striped > tbody > tr:nth-of-type(even) > * {
  --bs-table-accent-bg: #f4f4f4 !important;
}

/* End sub Table Report */

/* Sprite Icon */
.sprite-user {
  background-image: url(../images/sprite/user.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-user-denied {
  background-image: url(../images/sprite/user_denied_line.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-cross {
  background-image: url(../images/sprite/cross.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-role {
  background-image: url(../images/sprite/Role.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-show-pickers {
  background-image: url(../images/sprite/showinPicker.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-hide-pickers {
  background-image: url(../images/sprite/hideinPicker.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-excel {
  background-image: url(../images/sprite/document-excel-csv.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-check {
  background-image: url(../images/sprite/check_green.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-check-blue {
  background-image: url(../images/sprite/check_blue.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-uncheck {
  background-image: url(../images/sprite/check_gray.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-send-email {
  background-image: url(../images/sprite/email.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}
.sprite-user-add {
  background-image: url(../images/sprite/user_add.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

.sprite-green-check {
  background-image: url(../images/icon/greenCheck.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.sprite-grey-check {
  background-image: url(../images/icon/greyCheck.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.sprite-grey-stag {
  background-image: url(../images/icon/greyStag.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.sprite-orange-exclaim {
  background-image: url(../images/icon/orangeExclaim.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.sprite-red-reject {
  background-image: url(../images/icon/redReject.png);
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
}

.toast-success-icon {
  background-image: url(../images/icon/greenCheck.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

.toast-danger-icon {
  background-image: url(../images/sprite/x-circle-fill.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

.toast-warning-icon {
  background-image: url(../images/icon/orangeExclaim.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

.toast-info-icon {
  background-image: url(../images/icon/blueExclaim.png);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
}

.lifescan-logo {
  background-image: url(../images/lifescan-logo.png);
  width: 30%;
  height: 150px;
  background-repeat: no-repeat;
  background-size: contain;
}
.exclamation-icon {
  background-image: url(../images/sprite/yellow-exclaim.png);
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

.lifescan-logo-email {
  background-image: url(../images/logo.png);
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

/* End Sprite Icon */

/* Custome List dropdown */
ul.custom-dropdown-date {
  list-style: none !important;
}
ul.custom-dropdown-date.dropdown-item {
  padding-left: 0 !important;
  background: var(--white);
}
ul.custom-links {
  list-style: none;
}

a.custom-link-btn {
  text-align: center;
  display: block;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 20px;
  width: 100px !important;
}

.tbl_add_btn {
  background-color: #ee3f41;
  color: white;
  background-image: linear-gradient(to bottom, #ee3f41 0%, #ee3f41 100%);
  padding: 4px 8px 4px 8px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 12px;
}

.custom-list-wrapper {
  border-top: 1px solid var(--border-color);
}

.btn-custom-print {
  background: var(--btn-print) !important;
}

.text-background-color {
  background-color: var(--text-bg);
}
.helper-font-26 {
  font-size: 26px !important;
}
.text-color-black {
  color: var(--black);
}

.readonly {
  background-color: var(--bs-form-control-disabled-bg) !important;
}

table.patient_diet_table thead tr th {
  font-size: 14px;
  border-bottom-style: dotted !important;
  border-color: #adb5bd !important;
}
table.patient_diet_table tbody tr td {
  font-size: 12px;
}

.text-link {
  color: var(--link-color);
}

.ui-timepicker-standard a {
  font-size: 12px;
}

.p-sm {
  padding: 0.7rem !important;
}

/* remove selected value in select2 css */
.select2-results__option[aria-selected="true"] {
  display: none;
}

/* Appointments - VIEW fields css override */
.view
  .select2-container--default.select2-container--disabled
  .select2-selection--single {
  border: 0;
  border-radius: 0;
  background-color: #f2f2f2;
}

.view
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  display: none;
}

.dashboard-table {
  max-height: 480px;
  overflow-y: auto;
}

.search-bg {
  background-color: #d3d3d3;
}

label.label-input.search-label {
  font-size: 14px !important;
  font-weight: 100 !important;
  font-family: "Gibson-Regular", Helvetica, Arial, Sans-Serif !important;
}

.btn-open-quickbooks {
  background-color: #2aa11d;
  color: white;
  background-image: linear-gradient(to bottom, #2aa11d 0%, #2aa11d 100%);
}

.custom-modal-dashboard-lg {
  max-width: 80%;
}

.custom-modal-dashboard-xl{
  max-width: 100%;
}

.w-20{
  width: 20%;
}

.custom-table-container {
  outline: 1px solid rgb(191, 189, 193);
  border-radius: 7px;
  transition: outline 0.1s ease;
}

.page-head {
  font-weight: bold;
  font-size: 20px !important;
  text-decoration: underline;
  text-align: center;
  color: #fff;
  font-family: "Times New Roman";
}

.input-label {
  font-weight: bold;
  font-size: 16px !important;
  text-align: center;
}

.form-overlay {
  background-color: rgba(193, 193, 193, 0);
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media only screen and (min-device-width: 1200px) {
  .filter-category span {
    font-size: 12px !important;
  }
}

.btn_clear_filters {
  cursor: pointer;
}

.printable-only {
  display: none;
}

td.fc-event-container {
  text-align: center;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
  /* background: rgb(44,73,146) ;
  border-color: rgb(44,73,146) ; */
  border-radius: 10px;
}

.bd-callout-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #9eeaf9;
}

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: #055160;
  background-color: #cff4fc;
  border-left: 0.25rem solid #9eeaf9;
}

#clinic_day_container label.input-group-text {
  display: none;
}
#clinic_day_container i.icon.icon-multiselection {
  display: none;
}

i.bi-arrows-angle-expand{
  cursor: pointer;
}

/* WHA Table css conflict on width   */
#tbl-body-consent-team-modal-dashboard table{
  width: 100% !important;
}

#tbl-body-consent-team-modal-dashboard .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-today-appointment-modal table{
  width: 100% !important;
}
#tbl-body-today-appointment-modal .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-tomorrow-appointment-modal table{
  width: 50% !important;
}
#tbl-body-tomorrow-appointment-modal .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}


#tbl-body-missing-team-appointment-modal table{
  width: 100% !important;
}
div#tbl-body-missing-team-appointment-modal {
    position: relative;
    max-height: 500px !important;
    overflow: auto;
}


#tbl-body-final-missing-team-appointment-modal table{
  width: 100% !important;
}

div#tbl-body-final-missing-team-appointment-modal .rtc-wrapper{
    position: relative;
    max-height: 500px !important;
    overflow: auto;
}

#tbl-body-dates-missing-team-appointment-modal table{
  width: 100% !important;
}
#tbl-body-dates-missing-team-appointment-modal .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-pending-team-appointment-modal table{
  width: 100% !important;
}
div#tbl-body-pending-team-appointment-modal {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-weeklist-team-appointment-modal table{
  width: 100% !important;
}
#tbl-body-weeklist-team-appointment-modal .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}
#tbl-body-next-14-day-exam-date-modal table{
    width: 100% !important;
}
/* Appointment max-height to be scrollable */
#tbl-body-report .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}
.rtc-wrapper thead {
    position: sticky;
    z-index: 99;
    top: 0;
}

.forms-dynamic-selector .field-clear-button i:hover {
  color: #ff0000;
}

.forms-dynamic-selector-item:hover, .forms-dynamic-selector-item-focused {
  background-color: #eff5fe;
}

.forms-dynamic-selector-item-selected {
  background-color: #cadfff;
}

.forms-dynamic-selector .dynamic-selector-list {
  min-width: 550px;
}

.forms-dynamic-selector ul.dropdown-menu.dynamic-selector-list {
  min-height: 10px !important;
  overflow-y: visible !important;
}

.forms-dynamic-selector .label-matches {
    color: #67748e!important;
    font-size: 12px !important;
}

.forms-dynamic-selector span.select-custom-details {
    font-size: 12px;
    color: var(--black);
    font-weight: normal;
}

.forms-dynamic-selector span.select-custom-title {
    color: #67748e!important;
    font-size: 10px;
    font-weight: 700;
}
#tbl-body-admin-unbilled-modal table{
  width: 100% !important;
}
.centered-text{
    text-align: center;
}
.basic-table thead th:hover{
    background: none !important;
}
.dynamic-selector-list li.label-matches{
    font-size: 10px;
}

.alert-modal-danger .modal-content {
    border-radius: 5px;
    border: 0;
    border-bottom: 3px solid #f00;
    background: #ffe7e7;
    box-shadow: 2px 2px 40px 0px rgba(0, 0, 0, 0.25);
}
.alert-modal-danger .modal-body {
    background: #ffe7e7;
    border: 0;
    border-radius: 5px;
}
.alert-modal-danger .modal-msg {
    font-weight: 600;
    color: #000000;
}

.alert-modal-danger i {
    color: #f00;
}
#cardio-pulmonary-assessment-summary-container p{
  margin-bottom: 0 !important;
}
.font-sm-11{
    font-size: 11px;
}
.font-sm-20{
    font-size: 20px;
}

#tbl-body-client-contacts .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}
#tbl-body-tasks .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-invoice .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-invoice-line .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-billable-services .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-client-billable-services .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-documents .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-document-types .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-employees .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-employee-certifications .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-abnormals .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-appointment-abnormals .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-clinics .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-clinic-days .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl-body-ppd-reads .rtc-wrapper {
    position: relative;
    overflow-x: auto;
    max-height: 500px;
}

#tbl_abnormal_followups_report {
    position: relative;
    overflow-y: auto;
}
#tbl_abnormal_followups_report .table{
    width: 1855px;

}

#tbl-body-uninvoiced-invoiced-modal table {
    width: 100%!important;
}

#tbl-body-subtable #div_total_count{
    font-size: 12px;
    font-weight: 800;
}

#tbl-body-subtable .table-helper-width-75,
#tbl-body-standard-services .table-helper-width-75{
  width: 30px !important;
}

#tbl-body-admin-uninvoiced-modal table{
    width: 50% !important;
}

.btn-custom-inactive{
    color: var(--red);
    border-color: var(--red);
}

.btn-custom-hover:hover{
    background: #480910 !important;
    color: #fff !important;
}

.btn-custom-inactive:hover{
    background: #DA3C42 !important;
    color: #fff;
    border-color:#DA3C42 !important;
}

.btn-modal-close{
    width: 160px !important;
    border: 1px solid var(--button-border-color) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--button-cancel-color) !important;
}

div[aria-disabled="true"] :is(input,
    select,
    textarea,
    .form-check,
    .btn,
    .select2-dropdown,
    .custom-file-upload) {
    pointer-events: none;
}

span.select2.select2-container.select2-container--default.is-invalid.red-border{
    border: 1px solid red;
    border-radius: 5px;
}