.md-show {
    display: none;
}

.ll-show {
    display: none;
}

.row-nav a:not(.btn) {
    font-size: 1.8rem;
    color: var(--medium_blue);
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 3px;
    transition: all ease 0.3s;
}

.row-nav a:not(.btn):hover,
.row-nav a:not(.btn).selected {
    background-color: #143164;
    color: white;
}

.row-nav a:not(.btn):focus-visible {
    outline: none;
    color: var(--medium_blue);
    background-color: #1D89E933;
}

.row-nav a:not(.btn):active {
    background-color: #143164;
    color: #90B9DD;
}

body[data-bg-color=gray] .row-nav a:not(.btn) {
    color: var(--blue_violet);
}

body[data-bg-color=gray] .row-nav a:not(.btn):hover,
body[data-bg-color=gray] .row-nav a:not(.btn).selected {
    background-color: var(--pale_gray);
}

body[data-bg-color=gray] .row-nav a:not(.btn):focus-visible {
    background-color: #1D89E933;
    color: var(--blue_violet);
}

body[data-bg-color=gray] .row-nav a:not(.btn):active {
    background-color: #D4D6DB;
}

@media (min-width: 901px) {
    body {
        margin: 0;
        box-shadow: none;
        padding-top: 30px;
        padding-left: var(--nav-width);
        padding-bottom: 15px;
        align-items: center;
    }

    body.has_footer_small {
        padding-bottom: 120px;
    }

    main {
        width: var(--md-main-width);
    }

    footer {
        position: absolute;
        overflow: hidden;
        width: var(--md-main-width);
        left: auto;
        bottom: 0;
    }

    .hamburger-menu-wrapper {
        width: var(--nav-width);
        left: 0;
        visibility: visible;
    }

    .hamburger-menu-nav {
        padding-top: 0px;
        transform: none;
        transition: none;
    }

    .hamburger-hero {
        display: flex;
        flex-direction: column;
    }

    .panel-bottom {
        width: 70%;
        left: auto;
        padding-left: calc(35% - 210px);
        padding-right: calc(35% - 210px);
    }

    .dialog .container {
        width: 420px;
    }

    .notifications {
        top: 120px;
    }

    .notifications .toast {
        margin: 0;
        margin-left: auto;
        margin-right: 10px;
        width: var(--md-main-width);
        transform: translateX(100%);
    }

    .notifications .toast.show {
        transform: translateX(0%);
    }

    .patient {
        min-width: 360px;
    }

    .md-hidden {
        display: none;
    }

    .md-show.block {
        display: block;
    }

    .md-show.flex-row,
    .md-show.flex-column {
        display: flex;
    }

    .myq #patient-screen {
        display: grid;
        grid-template-columns: 360px auto;
        width: auto;
        height: auto;
        padding: 0;
        gap: 20px 40px;
    }

    .myq #patient-screen[data-type="BREAK"],
    .myq #patient-screen[data-status="FINISHED"] {
        grid-template-columns: auto;
        row-gap: 10px;
    }

    .myq #patient-screen .top-tile-wrapper {
        order: 1;
        margin: 5px;
        min-height: 260px;
        min-width: 380px;
    }

    .myq #patient-screen[data-type="BREAK"] .top-tile-wrapper {
        order: 0;
    }

    .myq #patient-screen .round-info {
        order: 0;
        margin-bottom: 0px;
    }

    .myq #patient-screen #call-box {
        order: 2;
        margin-bottom: 0px;
    }

    .myq #patient-screen .cta-group {
        order: 3;
        margin-top: 0;
    }

    .myq #patient-screen .cta-group section {
        width: auto;
    }

    .myq #patient-screen .round-info .extra-info div {
        margin-top: 0;
    }

    .myq #patient-screen .top-tile.patient .name {
        font-size: 1.8rem;
    }

    .dialog {
        padding-left: inherit;
        padding-right: 0px;
    }

    .rolldate-container .rolldate-mask {
        left: var(--nav-width) !important;
    }

    .rolldate-container .rolldate-panel {
        left: auto !important;
    }

    #paused-modal .container {
        top: 100px;
        width: auto;
        max-width: 700px;
    }

    #paused-modal .inset {
        padding: 25px 25px 20px 25px;
        flex-direction: row;
    }

    #paused-modal .icon {
        height: 40px;
        margin-bottom: 0px;
        margin-right: 20px;
    }

    #paused-modal p {
        font-size: 1.3rem;
        margin-top: 0px;
        text-align: left;
        width: 360px;
    }

    #paused-modal .footer {
        margin-top: 0px;
    }

    #paused-modal .btn-icon-r:before {
        width: 8px;
        right: 10px;
    }
}

@media (min-width: 1366px) {
    body {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    body.has_no_footer {
        padding-bottom: 50px;
    }

    .patient {
        min-width: 420px;
    }

    .myq #patient-screen {
        grid-template-columns: 420px auto;
        gap: 40px 90px;
    }

    .myq #patient-screen .top-tile-wrapper {
        min-width: 430px;
    }

    #paused-modal {
        padding-left: 0px;
        padding-right: 0px;
        width: calc(100% - var(--nav-width));
        left: var(--nav-width);
    }

    .loading-loader {
        padding-left: inherit;
    }

    .panel-bottom {
        width: 64%;
        left: auto;
        padding-left: calc(32% - 220px);
        padding-right: calc(32% - 220px);
    }

    .ll-hidden {
        display: none;
    }

    .ll-show.block {
        display: block;
    }

    .ll-show.flex-row,
    .ll-show.flex-column {
        display: flex;
    }

    .ll-show.inline-block {
        display: inline-block;
    }

    .row-nav a:not(.btn) {
        font-size: 1.4rem;
        padding: 3px 6px;
    }

    .row-nav a+a {
        margin-left: 10px;
    }

    .row-nav .btn-goto-support {
        padding: 8px 8px 8px 24px;
        font-size: 1.0rem;
        margin-left: 10px;
    }

    .row-nav .btn-goto-support:before {
        width: 14px;
        left: 8px;
    }

    .support textarea,
    .support input:not([type=radio]):not([type=checkbox]) {
        width: 400px;
    }

    .support textarea {
        height: 150px;
    }

    .support main {
        width: 80%;
    }

    .support .qrounds-cto {
        width: 148px;
        height: 148px;
    }
}

@media (min-width: 1920px) {
    h1 {
        font-size: 4.0rem;
    }

    h2,
    .lead h2 {
        font-size: 3.6rem;
    }

    .lead h2 {
        line-height: 4.0rem;
        margin-bottom: 30px;
    }

    h3 {
        font-size: 2.8rem;
    }

    h4 {
        font-size: 2.4rem;
        font-weight: bold;
    }

    h5,
    li,
    .times.has-title h2 span.title {
        font-size: 2.0rem;
    }

    .lead h5 {
        line-height: 2.8rem;
    }

    h6 {
        font-size: 1.8rem;
    }

    p {
        font-size: 1.8rem;
    }

    .lead {
        padding-bottom: 10px;
        margin-bottom: 35px;
    }

    .lead .time {
        font-size: 4.0rem;
        line-height: 4.8rem;
    }

    .lead .time sup {
        font-size: 2.0rem;
        line-height: 3.4rem;
        left: 5px;
    }

    .lead .time span.divider {
        width: 16px;
        margin: 0px 15px;
    }

    input:not([type=radio]):not([type=checkbox]),
    textarea {
        font-size: 2.2rem;
        padding: 15px;
    }

    .input-label {
        padding: 8px;
    }
    .input-label input:not([type=radio]):not([type=checkbox]) {
        padding: 10px 0px;
    }
    .input-label span {
        font-size: 1.6rem;
    }

    main {
        width: var(--xl-main-width);
        height: calc(100% - 140px);
    }

    footer {
        min-width: var(--xl-main-width);
    }

    .btn {
        font-size: 2.4rem;
    }

    .btn-icon:before {
        width: 20px;
    }

    .btn:not(.btn-link) {
        padding: 20px 40px;
    }

    .btn:not(.btn-link).btn-small {
        padding: 10px 30px;
        font-size: 2.0rem;
        line-height: normal;
    }

    .btn:not(.btn-link).btn-icon-r {
        padding-right: 54px;
    }

    .btn:not(.btn-link).btn-icon-l {
        padding-left: 54px;
    }

    body.has_footer_small {
        padding-bottom: 135px;
    }

    .panel-bottom {
        width: 60%;
        left: auto;
        padding-top: 30px;
        padding-left: calc(30% - 400px);
        padding-right: calc(30% - 400px);
    }

    .panel-bottom:not(.open) {
        top: calc(100% - 210px);
    }

    .panel-bottom:not(.open)[data-hide-phi="yes"] {
        top: calc(100% - 90px);
    }

    .panel-bottom .sortable {
        height: 140px;
    }

    .row-nav a:not(.btn) {
        font-size: 1.8rem;
        padding: 5px 10px;
    }

    .notifications {
        top: 190px;
    }

    .notifications .toast {
        width: var(--md-main-width);
        margin-right: 20px;
    }

    .patient {
        min-width: 750px;
        margin-bottom: 25px;
    }

    .patient h5 {
        font-size: 2.4rem;
        line-height: normal;
    }

    .patient .extra-info h5,
    .patient .extra-info .btn-link,
    .patient .extra-info .duration {
        font-size: 2.4rem;
        line-height: normal;
    }

    .patient h5.name {
        font-size: 3.2rem;
        line-height: normal;
    }

    .patient h6 {
        font-size: 2.0rem;
    }

    .patient .box {
        height: 110px;
        border-radius: 10px;
    }

    .patient .box .container {
        gap: 10px;
        padding: 10px 0px;
    }

    .patient.observe .box {
        padding-left: 25px;
        padding-right: 70px;
    }

    .patient .round-icons img {
        width: 20px;
        height: 20px;
    }

    .patient .round-icons img+img {
        margin-left: 10px;
    }

    .patient.top-tile .box {
        padding-right: 24px;
    }

    .patient .box .attrs {
        grid-template-columns: 90px 180px 1fr;
    }

    .patient .box .sched-visit,
    .patient .box .round-icons {
        min-width: 80px;
    }

    .patient .extra-info {
        padding: 24px 70px;
    }

    .top-tile .extra-info {
        padding-left: 24px;
        padding-right: 24px;
    }

    .patient .extra-info .container {
        gap: 24px 48px;
    }

    .patient .extra-info .adj-duration-button {
        width: 24px;
        height: 24px;
    }

    .patient .extra-info .edit-enroll:before {
        width: 18px;
        height: 22px;
        margin-right: 8px;
    }

    .patient .extra-info .call-button {
        font-size: 2.4rem;
        padding: 15px 25px 15px;
    }

    .patient .extra-info .call-button:before {
        width: 18px;
        height: 18px;
        margin-right: 25px;
    }

    .patient .arrow {
        padding: 0px 18px;
    }

    .patient .arrow::before {
        width: 24px;
        height: 24px;
    }

    .patient .handle {
        padding: 0px 18px;
    }

    .patient .handle::before {
        width: 30px;
        height: 24px;
    }

    .patient[data-status=VISITED] .box {
        padding-right: 70px;
    }

    .patient[data-status=VISITED] .box:after {
        right: 18px;
        width: 32px;
    }

    .patient .co-rounding {
        margin-top: -10px;
        padding: 5px 15px;
        padding-top: 15px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .patient .co-rounding span {
        font-size: 1.6rem;
    }

    .patient .co-rounding-overlap {
        top: -5px;
        left: -5px;
        width: calc(100% + 10px);
        height: calc(100% + 5px);
        border-radius: 10px;
    }

    .rounds-02 .patient .box {
        padding: 5px 5px 5px 20px;
        gap: 2px 10px;
    }

    .rounds-02 .patient .box .pat-option h6 {
        margin-left: 16px;
    }

    .rounds-02 .patient .box .pat-option {
        padding: 10px 15px;
        min-width: 160px;
    }

    .rounds-02 .patient .box .pat-option:before {
        width: 18px;
        height: 18px;
    }
    
    .rounds-02 #edit-list-button {
        font-weight: normal;
        font-size: 1.8rem;
        padding: 10px 15px;
    }

    select {
        font-size: 2.0rem;
        padding: 10px;
        height: auto;
    }

    body.has_bottom_drawer {
        padding-bottom: 220px;
    }

    .row-nav .btn-goto-support {
        padding: 16px 16px 16px 43px;
        font-size: 1.4rem;
    }

    .row-nav .btn-goto-support:before {
        width: 20px;
        left: 18px;
        background-image: url("images/support-white.svg");
    }

    .support textarea,
    .support input:not([type=radio]):not([type=checkbox]) {
        width: 600px;
    }

    .support textarea {
        height: 204px;
    }

    .myq #patient-screen {
        grid-template-columns: 650px auto;
        row-gap: 50px;
        height: 500px;
    }

    .myq #patient-screen .top-tile-wrapper {
        min-height: 450px;
        min-width: 770px;
    }

    .myq #patient-screen .round-info h4 {
        font-size: 2.8rem;
    }

    .myq #patient-screen .extra-pat-info {
        row-gap: 30px;
    }

    .myq #patient-screen select {
        font-size: 2.8rem;
    }

    .myq #patient-screen .round-info h5 {
        font-size: 3.0rem;
    }

    .myq #patient-screen .patient-family .status:before {
        font-size: 3.6rem;
        line-height: 3.0rem;
    }

    .myq #patient-screen .patient-family .table-body {
        max-height: 190px;
    }

    .myq #patient-screen .patient-family .table-row {
        padding: 8px 4px 8px 0px;
    }

    .myq #patient-screen .top-tile.patient .name {
        font-size: 2.8rem;
    }

    .dialog .container {
        width: 640px;
    }

    .dialog .icon {
        height: 64px;
        margin-bottom: 36px;
    }

    .dialog .inset {
        padding: 36px 60px 50px 60px
    }

    .dialog h4 {
        font-size: 2.8rem;
        line-height: normal;
        max-width: 540px;
        margin-bottom: 24px;
    }

    .dialog h5 {
        font-size: 2.4rem;
        line-height: normal;
    }

    .dialog p {
        font-size: 2.0rem;
        line-height: 2.8rem;
    }

    .dialog .input-label {
        padding: 10px 15px;
    }

    .dialog .input-label span {
        font-size: 1.8rem;
    }

    .dialog .phone-number {
        font-size: 2.8rem;
        height: 4.8rem;
    }

    .dialog .footer {
        margin-top: 48px;
    }

    .dialog .footer .btn-link {
        margin-top: 32px;
    }

    .dialog .close-btn img {
        height: 32px;
    }

    .time {
        font-size: 3.4rem;
    }

    .panel-bottom:before {
        height: 10px;
        border-radius: 20px;
    }

    .btn-secondary-alt.btn-turquoise .badge-number,
    .btn-secondary .badge-number {
        font-size: 1.6rem;
        width: 24px;
        height: 24px;
        top: -12px;
    }

    .list-item .list-tile .icon-text {
        padding-left: 24px;
    }

    .list-item .list-tile .icon-text:before {
        width: 18px;
    }

    .list-item .list-tile .list-icons {
        column-gap: 16px;
    }

    .state-badge {
        padding: 6px 8px 6px 32px;
    }

    .state-badge:before {
        width: 24px;
    }

    .list-item .list-info .rsvp-status,
    .list-item .list-info .comm-status {
        font-size: 2.0rem;
        line-height: 2.0rem;
        padding-left: 32px;
    }

    .list-item .list-info .rsvp-status:before,
    .list-item .list-info .comm-status:before {
        width: 24px;
        height: 24px;
    }

    .list-item .list-tile:after {
        width: 16px;
    }

    .list-item .list-tile {
        padding: 16px 40px 8px 20px;
    }

    .list-item .list-info {
        padding: 30px 20px;
    }

    .list-item .list-info .btn {
        padding: 18px 24px;
    }

    .list-item .list-info .view-q-btn {
        padding: 8px 0px;
        padding-left: 30px;
    }

    .list-item .list-info .rotations-wrapper {
        margin-top: 15px;
    }

    #btn-back {
        font-size: 2.1rem;
    }

    #enroll-patient-list .item .btn-link {
        font-size: 2.0rem;
    }

    #enroll-patient-list .item .btn-secondary-alt.btn-pink {
        padding: 15px;
        font-size: 2.0rem;
    }

    #enroll-patient-list .item {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    
    #enroll-patient-list .item h5 {
        font-size: 2.4rem;
    }
    
    #enroll-patient-list .item h5.name {
        font-size: 3.0rem;
    }

    #enroll-patient-list .item .container::before {
        width: 32px;
        height: 32px;   
    }

    #enroll-patient-list .item .container {
        grid-template-columns: 120px 1fr;
        margin-right: 25px;
        padding-left: 50px;
    }

    #enroll-patient-list .item h6 {
        font-size: 2.0rem;
    }

    input[type=range] {
        height: auto;
    }

    footer .nav {
        padding-top: 48px;
    }

    *+[data-split] {
        margin-top: 30px;
    }

    .send-feedback textarea {
        height: 300px;
    }

    .send-feedback .logo-wrap {
        width: 180px;
    }

    .patient .card-wrapper .remove-button {
        width: 90px;
    }

    #paused-modal .container {
        top: 40px;
        width: auto;
        max-width: 920px;
    }

    #paused-modal .inset {
        padding: 45px 45px 32px 45px;
        flex-direction: row;
    }

    #paused-modal .icon {
        height: 60px;
        margin-bottom: 0px;
        margin-right: 40px;
    }

    #paused-modal p {
        font-size: 2.4rem;
        width: 510px;
    }

    #paused-modal .btn-primary {
        font-size: 1.6rem;
        padding: 15px 60px 15px 40px;
    }

    #paused-modal .btn-icon-r:before {
        width: 15px;
        right: 30px;
    }

    .wrap {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pad {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .admin table {
        font-size: 2.0rem;
    }

    .admin table input[type=checkbox] {
        width: 30px;
        height: 30px;
    }

    .admin table .btn {
        padding: 10px 30px;
        font-size: 1.8rem;
    }

    .admin table td, .admin table th {
        padding: 10px;
    }

    .admin input.large:not([type=checkbox]):not([type=radio]), 
    .admin .select-wrap.large select {
        font-size: 2.4rem;
        padding: 15px;
    }

    .admin .select-wrap select {
        font-size: 2.0rem;
        padding: 10px;
    }

    .range-wrap .o-text {
        font-size: 1.6rem;
    }

    .switch-wrapper label:not(.switch) {
        font-size: 2.0rem;
        margin-right: 15px;
    }

    .switch-wrapper .switch {
        width: 48px;
        height: 24px;
    }

    .switch-wrapper .switch .slider::before {
        height: 20px;
        width: 20px;
        left: 2px;
        bottom: 2px;
    }

    .switch-wrapper .switch input:checked+.slider::before {
        -webkit-transform: translateX(23px);
        -ms-transform: translateX(23px);
        transform: translateX(23px);
    }

    .panel-bottom .toggle-btn {
        padding: 10px 25px 10px 40px;
    }

    .rounds-03 .sort-option {
        margin-bottom: 20px;
    }

    .rounds-03 .sort-option>* {
        padding: 15px 20px;
    }

    .rounds-03 .sort-option>*:first-child {
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
    }

    .rounds-03 .sort-option>*:last-child {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
    }

    .rounds-03 .sort-option .btn {
        font-size: 1.6rem;
        padding: 15px 20px;
    }

    .rounds-03 .sort-by-room-btn:before {
        width: 16px;
        height: 8px;
        margin-right: 15px;
    }
    
    .checkbox-wrap input[type="checkbox"] {
        width: 36px;
        height: 36px;
    }
    .checkbox-wrap label {
        padding-left: 56px;
        font-size: 2.2rem;
    }
    
    .progress .tracker[data-dot="3"] {
        right: calc(99%* -1);
    }

    body[data-experience=provider].login .request-demo-btn {
        font-size: 1.6rem;
    }
}