@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600;1,700;1,900&display=swap");

.truemed-instructions { font-family: sans-serif; }

truemed-instructions-modal { display: none; font-family: "Source Sans Pro", sans-serif; inset: 0px; margin: 0px; position: fixed; z-index: 1000001; }

.truemed-logo-img { height: var(--height); margin: 0px 0px 0px 3px; object-fit: fill; position: relative; right: -1px; top: -1px; vertical-align: baseline; width: auto; }

.truemed-instructions-overlay { align-items: center; background-color: rgba(52, 52, 52, 0.5); border-style: solid; border-width: 0px; box-sizing: border-box; flex-shrink: 0; left: 0px; min-height: 0px; min-width: 0px; overflow: hidden; position: absolute; top: 0px; z-index: 999; }

.truemed-instructions-box, .truemed-instructions-overlay { display: flex; flex-direction: column; height: 100%; width: 100%; }

.truemed-instructions-box { justify-content: center; max-width: 560px; min-height: 80vh; padding-bottom: 0px; padding-top: 0px; }

.tm-spinner {
  animation: 2s linear 0s infinite normal none running rotate; height: 50px; left: 50%; margin: -25px 0px 0px -25px; position: absolute; top: 50%; width: 50px; z-index: 2;
  & .path { stroke: rgba(189, 195, 199, 0.9); stroke-linecap: round; animation: 1.5s ease-in-out 0s infinite normal none running dash; }
}

#spinner-container { align-items: center; background-color: rgba(52, 52, 52, 0.5); display: flex; justify-content: center; }

#error-message-container { align-items: center; display: none; justify-content: center; text-align: center; }

.email-link-text, .error-message-text { color: rgb(14, 14, 15); font-size: 16px; letter-spacing: 0px; line-height: 20px; text-size-adjust: none; }

.email-link-text { color: rgb(38, 80, 203); }

@keyframes rotate { 
  100% { transform: rotate(1turn); }
}

@keyframes dash { 
  0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; }
  50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; }
  100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; }
}

.truemed-instructions-header { align-items: stretch; background-color: rgb(255, 255, 255); border-style: solid; border-top-left-radius: 10px; border-top-right-radius: 10px; border-width: 1px 1px 0px; border-left-color: rgb(237, 242, 247); border-right-color: rgb(237, 242, 247); border-top-color: rgb(237, 242, 247); box-sizing: border-box; display: flex; flex-direction: row; flex-shrink: 0; height: 60px; justify-content: flex-start; margin-top: 10px; min-height: 0px; min-width: 0px; padding-left: 24px; position: relative; width: 100%; z-index: 0; }

.truemed-instructions-header > div { align-items: center; display: flex; flex-direction: column; justify-content: center; }

.truemed-instructions-text { color: rgb(14, 14, 15); font-size: 16px; letter-spacing: 0px; line-height: 20px; max-width: 100%; text-size-adjust: none; flex: 1 1 0%; margin-bottom: 10px; margin-top: 0px; }

.truemed-instructions-close-button { background: none; border: none; cursor: pointer; margin: 20px; padding: 0px; position: absolute; right: 0px; }

.truemed-instructions-close-button > div { align-items: stretch; border-style: solid; border-width: 0px; box-sizing: border-box; display: flex; flex-direction: column; flex-shrink: 0; height: 20px; min-height: 0px; min-width: 0px; position: relative; width: 20px; z-index: 0; }

.truemed-instructions-close { cursor: pointer; margin: 0px; outline: none; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); background-color: rgb(38, 80, 203); border: rgba(255, 255, 255, 0); border-radius: 5px; color: rgb(255, 255, 255); font-size: 18px; height: 50px; }

.truemed-instructions-container { align-items: stretch; background: rgb(247, 247, 246); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-style: solid; border-width: 0px; box-sizing: border-box; display: flex; flex-direction: column; height: 60vh; min-height: 0px; min-width: 0px; overflow-y: auto; width: 100%; }

#truemed-instructions-iframe { border: 0px; display: none; height: 100%; }

@media (max-width: 767px) {
  .truemed-instructions-header { margin-top: 0px; }
  .truemed-instructions-box { min-height: 100vh; min-width: 100vw; }
  .truemed-instructions-container { height: 100%; }
}