/* Main CSS Styles File */
body {
  font-family: 'weblysleek';
}

.smallerFont {
    font-size: 0.8rem;
}

.ul-overflow-scroll {
    overflow: hidden;
    overflow-y: scroll;
    height: 300px;
}


body.modal-open, .modal-open .modal {
  overflow: hidden;
}

option {
  font-family: 'weblysleek' !important; /* don't work */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
}

.form_hprepair_state_select {
  font-family: 'weblysleek' !important; /* don't work */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.form-select {
  font-family: 'weblysleek' !important; /* don't work */
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	 -o-appearance: none;
		appearance: none;
}

.cover {
  background-image: url('../images/bg_01.png');
  height: 100%;
}

.redBorder {
  border: 1px solid #F00;
}

@font-face {
  font-family: 'weblysleek';
  src: 
    local("weblysleek"),
/*     url('weblysleekuisli.ttf') format("truetype"),
 */    url('weblysleekuil.ttf') format("truetype"),
    url('weblysleekuili.ttf') format("truetype"),
    url('weblysleekuisb.ttf') format("truetype"),
    url('weblysleekuisbi.ttf') format("truetype"),
    url('weblysleekuisl.ttf') format("truetype");
}

@font-face {
  font-family: 'weblysleekb';
  src: 
    local("weblysleek"),
    url('weblysleekuisb.ttf') format("truetype");
  font-weight: oblique;

}

@font-face {
  font-family: 'weblysleeki';
  src:
    local("weblysleek"),
    url('weblysleekuili.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: "weblysleekbi";
  src:
    local("weblysleek"),
    url('weblysleekuisbi.ttf') format("truetype");
    font-style: italic oblique;
}

.acp_log_filter_class {
  padding: 5px;
  float: left;
}

/* ################## TIERS #################### */
.tier1 {
  background-color: #90c5e9;
  box-shadow: #376d7f 0px 20px 30px -10px;
  border: 1px #fff solid;
}
.tier2 {
  background-color: #082539;
  box-shadow: #376d7f 0px 20px 30px -10px;
  border: 1px #fff solid;
}
.tier3 {
  background-color: #05141e;
  /* background-color: #000; */
  box-shadow: #ffdd00 0px 20px 30px -20px;
  border: 1px #f2ff00 solid;
}
.tier1list {
  color: #555656;
}
.tier2list {
  color: #989898;
}
.tier3list {
  color: #fff;
}

.pricing_inner_div {
/*   box-shadow: rgb(55,109,127) 0px 20px 30px -10px;
  border: 1px #fff solid; */
  border-radius: 15px;
}
.pricing_header {
  font-size: 6rem;
  font-family: "weblysleekbi";
  font-variant: small-caps;
}
.pricing_content {
  /* min-height: 300px; */
  padding-top: 80px;
  font-family: "weblysleekbi";
  font-variant: small-caps;
  color: #555656;
  margin-left: 10px;
  margin-right: 20px;
}
.pricing_hr {
  background-image: url('../images/tiers_hr_01b.png');
  height: 3px;
  width: 261px;
  margin: 0 auto;
  margin-top: -15px;
}
.pricing_hr_gold {
  background-image: url('../images/tiers_hr_01b_gold.png');
  height: 3px;
  width: 261px;
  margin: 0 auto;
  margin-top: -15px;
}
.button-wrapper {
  width: 200px;
  margin-left: 130px;
  padding: 10px;
}
.pricing_moreInfo {
  color: #fff;
  padding: 10px 20px;
  font-size: 2rem;
  font-variant: small-caps;
}
.pricing_moreInfo_subtext {
  font-size: 1rem;
}

/* CSS */
.button-66 {
  background-color: #76c8e3;
  border-radius: 4px;
  border: 1px solid #fff;
  box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inherit;
  font-family: "weblysleek";
  font-size: 18px;
  font-weight: 700;
  font-variant: small-caps;
  line-height: 24px;
  margin: 0;
  min-height: 56px;
  min-width: 120px;
/*   padding: 16px 20px; */ 
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  transition: all .2s cubic-bezier(.22, .61, .36, 1);
}

.button-66:hover {
  background-color: #065dd8;
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .button-66 {
   /*  padding: 16px 44px; */
    min-width: 150px;
  }
}




.accordion-body-footer {
  text-transform: uppercase;
  margin-top: 20px;
  margin-right: 10px;
}
.accordion-body-inner {
  background-color: aliceblue;
  padding: 22px;
  text-align: left;
}
.accordion-button {
  background-color: #376d7f !important;
  color: #fff !important;
  font-weight: bold;
  font-family: "weblysleek";
  font-size: 1.3rem;
}




.hprepair_form_itemName {
  padding: 5px;
  border: 1px solid white;
  margin: 5px;
  color: #376d7f;
  background-color: #d5d5d5;
  font-weight: bold;
}

.form_hprepair_verify_tablewrapper {
  background-color: white;
  padding: 5px;
  margin: 10px;
}

.form_hprepair_verify_table_td {
  text-align: right;
  vertical-align: top;
}

.form_hprepair_verify_table_td1 {
  width: 40%;
  text-align: left;
  vertical-align: top;
}

.form_hprepair_verify_table_td2 {
  text-align: left;
  vertical-align: top;
}

.form_hprepair_overview {
  display: none;
}

#form_hprepair_button_continue_send {
  display: none;
}
.hprepair_needMoreItems {
  display: none;
  margin-bottom: 5px;
  padding-right: 3px;
}






.comingSoon {
  font-family: 'weblysleek';
  font-size: 6rem;
  font-weight: lighter;
  color: rgb(0,0,0);
}

.welcomeText {
  font-family: 'weblysleek';
  font-weight: bold;
  font-size: 1.4rem;
  color: #376d7f;
  /* background-color: #a7a7a7; */
  margin: 12px
}

.page_text_title {
  font-family: 'weblysleek';
}

.about_text {
  font-family: 'weblysleek';
}

.row_background {
  background-color: #eaeaea;
}

.table {
  font-size: 0.8rem;
}
.acp_clinicInfoTable {
  text-align: right;
}

.tr_background {
  background-color: #a7a7a7;
}

.alert_danger_modal {
  display: none;
}

.dash_information {

}

.about_img_wrapper {
  width: 540px;
}

.about_img {
  width: 540px;
  box-shadow: #376d7f 0px 0px 6px -1px;
}
.about_img_hprepair {
  width: 540px;
}


.carousel-inner-software {
  max-width: 750ps;
  margin: 0 auto;
}

.dl-blue {
  color: #376d7f;
}
.dl-blue-border {
  border: 1px #376d7f;
}
.dl-blue-bg {
  background-color: #376d7f;
}

.footer {
  color: #376d7f;
}

.adminSettings {
  display: block;
}
.clinicSettings {
  display: none;
}

.CL-notifications {
  display: none;
}

.logList_event {
  background-color: #fbffdf !important;
  --bs-table-bg: #fbffdf !important;
}


.ticket_image {
  height: 80px;
  float: left;
}

.acp-icon {
  height: 32px;
}

.acp-bg-header {
  background-image: url('../images/bg_05b_03a.png');
  background-size: cover;
}

.acp-bg-footer {
  background-image: url('../images/bg_05b_03a.png');
  background-size: cover;
}

.pageLoadedInStats {
  font-size: 0.7rem;
}

.navbar {
  margin-left: -13px;
  margin-right: -13px;
}
.acp_adminsettings_menu_leftdiv {
  height: 600px;
}

.clinincSettings-map-clinic {
  height: 400px;
  padding: 3px;
}

.theBigEmpty {
  height: 200px;
}

.equipmentConditionNew {
  background-color: #7ad694 !important;
}
.equipmentConditionNewGood {
  background-color: #a6e3b7 !important;
  padding: 10px;
}
.equipmentConditionGood {
  background-color: #d1f1da !important;
}
.equipmentConditionGoodFair {
  background-color: #fef2cd !important;
}
.equipmentConditionFair {
  background-color: #f7b4ae !important;
}
.equipmentConditionReplaced {
  background-color: #f7b4ae !important;
}



#newModalOverlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  z-index: 9999;
}
#overlayText{
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
  color: white;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  width: 100%;
}
.overlayImage {
  width: 95%;
}

#acp_log_filter_state_wrapper {
  max-width: 100px;
}

#verifyChangePassWrapper2 {
  display: none;
}

/* Horizontal Infinite Image Scroller */
.HIS_marquee {
  display: flex;
  block-size: var(--marquee-item-height);
  margin-block: var(--marquee-item-height);
  position: relative;
  overflow-x: hidden;
  mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 20%,
    hsl(0 0% 0% / 1) 80%,
    hsl(0 0% 0% / 0)
  );
}

.marquee--8 {
  --marquee-item-width: 275px;
  --marquee-item-height: 100px;
  --marquee-duration: 36s;
  --marquee-items: 8;
}

.marquee--3 {
  --marquee-item-width: 150px;
  --marquee-item-height: 150px;
  --marquee-duration: 24s;
  --marquee-items: 3;
}

.marquee--6 {
  --marquee-item-width: 166px;
  --marquee-item-height: 100px;
  --marquee-duration: 32s;
  --marquee-items: 6;
}

.HIS_image {
  --marquee-item-offset: max(
    calc(var(--marquee-item-width) * var(--marquee-items)),
    calc(100% + var(--marquee-item-width))
  );
  --marquee-delay: calc(var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1);
  position: absolute;
  inset-inline-start: var(--marquee-item-offset);
  transform: translateX(-50%);
  animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite;
  height: 100px;
}

.HIS_image:nth-child(4n) {
  border-top-right-radius: 1rem;
}

.HIS_image:nth-child(4n + 1) {
  border-bottom-right-radius: 1rem;
}

.HIS_image:nth-child(4n + 2) {
  border-bottom-left-radius: 1rem;
}

.HIS_image:nth-child(4n + 3) {
  border-top-left-radius: 1rem;
}

.marquee--8 .HIS_image:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--8 .HIS_image:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--8 .HIS_image:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--8 .HIS_image:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--8 .HIS_image:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--8 .HIS_image:nth-of-type(6) {
  --marquee-item-index: 6;
}

.marquee--8 .HIS_image:nth-of-type(7) {
  --marquee-item-index: 7;
}

.marquee--8 .HIS_image:nth-of-type(8) {
  --marquee-item-index: 8;
}

.marquee--3 .HIS_image:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--3 .HIS_image:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--3 .HIS_image:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .HIS_image:nth-of-type(1) {
  --marquee-item-index: 1;
}

.marquee--6 .HIS_image:nth-of-type(2) {
  --marquee-item-index: 2;
}

.marquee--6 .HIS_image:nth-of-type(3) {
  --marquee-item-index: 3;
}

.marquee--6 .HIS_image:nth-of-type(4) {
  --marquee-item-index: 4;
}

.marquee--6 .HIS_image:nth-of-type(5) {
  --marquee-item-index: 5;
}

.marquee--6 .HIS_image:nth-of-type(6) {
  --marquee-item-index: 6;
}

@keyframes go {
  to {  
    inset-inline-start: calc(var(--marquee-item-width) * -1);
  }
}











/* BOOTSTRAP OVERRIDES */
.bg-primary {
  /* background-color: #376d7f !important; */
  background-color: #167596 !important;
}
.list-group {
  --bs-list-group-active-bg: #167596 !important;
}
.btn-primary {
  --bs-btn-bg: #376d7f !important;
}
.btn:hover {
  background-color: #4d9ab3 !important
}





/* COVER PAGE HPREPAIR FORM */
#form_hprepair_part2, #form_hprepair_part3 {
  display: none;
}