/*******************************************************************************
Application - Library
*******************************************************************************/

/* Prevent scrollwork flickering */

body {
    overflow-y: scroll;
}

/* Mandatory icon for lables on forms */

label.mandatory:before, span.mandatory:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f069";
    vertical-align: super;
    font-size: xx-small;
    color: #DC4128;
    margin: 1px;
}

/* error label */
label.error {
    display: block;
    font-size: 80%;
    color: #e07272;
}
/* input.error, select.error, textarea.error {
    border: 1px solid #e07272;
} */
/* 
* Mouse over disabled button
*/
button:hover:disabled, a:hover:disabled, .toggle[disabled=disabled] .toggle-group label.toggle-off:hover, .toggle[disabled=disabled] .toggle-group label.toggle-on:hover, a[name="un-pivot"].text-muted {
    cursor: not-allowed;
}

/* top space */
.top-space {
    padding-top: 30px;
}

.bottom-space {
    padding-bottom: 60px;
}

/* ************************************ */
/* breadcrumb design css */
/* ************************************ */
.breadcrumb {
    font-size: 14px;
}


.breadcrumb-css {
    position: relative;
    display: inline-block;
    left: 20px;
}

.breadcrumb-css a {
    padding: 8px 17px 9px 25px;
    margin-right: 5px;
    background: #efefef;
    position: relative;
    display: inline-block;
    width: auto;
    color: #006168
}

.breadcrumb-css a:before {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.breadcrumb-css a:after {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}

/* self assessment  */
.mcotent
 {
    background-color: #e9ecef;
}

.form-check-input[type=checkbox] {
    border: 1px solid;
}

.form-check-input[type=radio] {
    border: 1px solid;
}


/* UPLOAD PROGRESS - START */

.spinner-upload::before,
.spinner-upload::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.spinner-upload {
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 25px;
  display: none;
  background: rgba(255, 255, 255, .7);
  color: #666;
  position: fixed;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
}
.pc_card__chart-wrapper {
  margin-top: 20px;
  position: relative;
}

.pc_card__chart-wrapper__value {
  height: 86px;
  width: 86px;
  transform: translate(-50%, -50%);
  color: #fff;
  left: 50%;
  top: 50%;
  background-color: var(--bs-cyan);
  border-radius: 50%;
  position: absolute;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pc_card__chart-wrapper svg {
  margin: auto;
  display: block;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.pc_card__chart-wrapper svg .progress {
  stroke-dasharray: 559 559;
  stroke-dashoffset: 279.6;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s;
}

.pc_card__info {
  margin-top: 30px;
}

.pc_card__info ul {
  list-style: none;
  display: flex;
}

.pc_card__info ul li::before {
  content: "";
  height: 14px;
  width: 14px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
  top: 2px;
  position: relative;
}

.pc_card__info ul li:not(:last-child) {
  margin-right: 10px;
}

.pc_card__info ul li.restless::before {
  background: var(--bs-green);
}

.pc_card__info ul li.awake::before {
  background: #ffe5d3;
}

/* Upload Progress - END */

/* placeholders */
input::placeholder,
textarea::placeholder {
    color: rgb(150, 150, 150) !important;
}


/* custom address inputs */
.drp-down-select {
    background-color: rgb(255, 255, 255);
    padding: 9px 40px 9px 16px;

    border: 1px solid #dee2e6;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #1c1b1f;
    width: 100%;
    height: 40px;
}

.enter-manual-text-area {
    box-sizing: border-box;
    box-shadow: none;
    padding: 8px 10px 10px 20px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    display: flex;
    width: 100%;

    color: #1c1b1f;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    resize: none;
    overflow: hidden;
    outline: none;
    height: 40px !important;
}

.enter-manual-text {
    box-sizing: border-box;
    box-shadow: none;
    padding: 10px 10px 10px 20px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    display: flex;
    width: 100%;
    height: 56px;
    color: #1c1b1f;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    height: 40px;
}

/*  */
/* Modern Address List Container */
.address-list-container {
    margin-top: 1.5rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
}

/* Card styling */
.address-card {
    background: white;
    border-radius: 10px;
    padding: 1.5rem;
    border: 1px solid #f0f0f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Header section */
.address-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.address-title {
    font-size: 1.25rem;

    color: #1a1a1a;
    margin: 0 0 0.25rem 0;
}

.address-subtitle {
    font-size: 0.875rem;
    color: #666;
    margin: 0;
}

/* Address list styling */
.address-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.address-item {
    display: flex;
    align-items: center;
    padding: 0.875rem;
    margin-bottom: 0.5rem;
    background: #fcfcfd;
    border-radius: 10px;
    transition: background-color 0.2s ease;
}

.address-item:last-child {
    margin-bottom: 0;
}


.address-text {
    font-size: 1rem;
    color: #2d3748;
    font-weight: 500;
}

.address-list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.address-list li {
    padding: 8px 5;
    border-bottom: 1px solid #eee;
    /* font-family: monospace; */
}

.address-list li:last-child {
    border-bottom: none;
}


/** Autoaddress custom Styles */

/** Autoaddress input */
#autoaddress-input {
box-shadow: none;
border: 1px solid #cbd5e1;
border-radius: 0;
padding: 8px 16px;
transition: all 0.2s ease-in-out;
    font-size: 15px;

}


/** Autoaddress input hover styles */
#autoaddress-input:hover {
/* border-color: #006f74; */
box-shadow: none;

}

/** Autoaddress input focus styles */
#autoaddress-input:focus {
border-color: #006f74;
}

/** Autoaddress input placeholder styles */
#autoaddress-input::placeholder {
color: rgb(148 163 184/0.8);
font-size: 15px;
/* font-style: italic */
}

/** Autoaddress search button */
#autoaddress-button {
box-shadow: none;
border-radius: 0;
background-color: #006f74;
transition: all 0.2s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
 pointer-events: none;
}

/** Autoaddress search button hover styles */
#autoaddress-button:hover {
  background-color: #006f74;
   pointer-events: none;
}
 
/** Autoaddress autocomplete list */
#autoaddress-list-container {
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #006f74;
}
 
#autoaddress-list {
  border-radius: 0;
}
 
/** Autoaddress individual autocomplete item */
#autoaddress-list li {
  padding: 8px 16px;
  border: none;
   border-bottom: 1px solid #cbd5e1;
}
 
#autoaddress-list li:hover {
  background-color: #f1f5f9;
}

/** Current selected autocomplete option via keyboard */
#autoaddress-list li.selected {
  background-color: #f1f5f9;
}
 
/** Autoaddress manual address entry styles */
#autoaddress-manual-enter {
  font-style: normal;
  font-weight: 600;
  background-color: #e2e8f0;
  color: #334155;
  border-radius: 0;
}
 
li#autoaddress-manual-enter:hover {
  background-color: #cbd5e1;
}