.patient-name {
    background-color: #67a216;
    height: 30px;
    font-size: 14px;
    color: white;
    padding-left: 30px;
    line-height: 30px;
}


@media screen and (max-width: 328px) {
    .patient-name {
        background-color: #67a216;
        height: 30px;
        font-size: 12px;
        color: white;
        padding-left: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width: 415px) {
    #big-logo {
        display: none;
    }

    /*.logo-image {
        display: none;
    }*/

    #small-logo {
        display: block;
    }
}

@media screen and (min-width: 470px) {
    #big-logo {
        display: block;
    }

    #small-logo {
        display: none;
    }
}

/*Start - learn progress*/
@media screen and (max-width: 369px) {
    .learn-progress .text {
        height: 100%;
        color: white;
        font-size: 10px;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
    }

    .learn-progress .progress {
        height: 100%;
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        padding-right: 15px;
    }

    #progress_circles li {
        list-style: none;
        display: inline-block;
        background: white;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        /*margin-right: 10px;*/
    }
}
/*End - learn progress*/

@media screen and (max-width: 320px) {
    .back-button {
        height: 25px;
        background-color: #afbec5;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 1px solid #afbec5;
        color: white;
        font-weight: bold;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px;
        text-transform: uppercase;
    }

    .saveclose-button {
        height: 25px;
        background-color: #80b1f4;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 1px solid #80b1f4;
        color: white;
        font-weight: bold;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
        text-transform: uppercase;
    }

    .next-button {
        height: 25px;
        background-color: #47bb00;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 1px solid #47bb00;
        color: white;
        font-weight: bold;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px;
        text-transform: uppercase;
    }
}

/*Start - Patient survey radio button 'best' */

.radio-best-align {
    text-align: left;
}

@media screen and (max-width: 340px) {
    .radio-best-align {
        text-align: right;
    }
}
/*End - Patient survey radio button 'best' */

@media screen and (max-width: 400px) {
    .icon-info-sign {
        font-size: 25px;
        top: 7px;
        right: 10px;
    }
}

@media screen and (max-width: 600px) {
    .icon-info-sign-large {
        font-size: 40px !important;
        top: 25%;
        left: 39%;
    }
}

/*@media screen and (max-width: 1720px) {
    .icon-info-sign-small.bottom-left {
        bottom: 48%;
    }
}*/


@media all and (min-width: 770px) and (max-width:850px) {
    .icon-info-sign-small.bottom-left {
        bottom: 40%;
    }
}

@media all and (min-width: 1330px) and (max-width:1499px) {
    .icon-info-sign-small.bottom-left {
        bottom: 40%;
    }
}


@media all and (min-width: 1720px) {
    .icon-info-sign-small.bottom-left {
        /*bottom: 40%;*/
        bottom: 45%;
    }
}

@media screen and (max-width: 768px) {
    .media-text span {
        font-size: 17px;
        line-height: 17px;
    }
}

@media screen and (max-width: 375px) {
    .provider-image {
        width: 100px;
        height: 100px;
        margin: 20px 20px 20px 10px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
    }
}


/*@media screen and (max-width: 445px) {
    #userMenu {
        display: none;
    }

    #userMenu-no-company {
        display: block;
    }
}*/

@media screen and (max-width: 445px) {
    #userMenu {
        display: none;
    }

    #userMenu-no-company {
        display: initial;
    }
}

@media screen and (min-width: 445px) {
      #userMenu {
        display: initial;
    }

    #userMenu-no-company {
        display: none;
    }
}