* {
    font-family: Lato, NotoSansSC, NotoSansTC, sans-serif;
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ngdialog {
    box-sizing: border-box;
}

    .ngdialog *,
    .ngdialog *:before,
    .ngdialog *:after {
        box-sizing: inherit;
    }

.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    .ngdialog.ngdialog-disabled-animation,
    .ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
    .ngdialog.ngdialog-disabled-animation .ngdialog-content {
        -webkit-animation: none !important;
        animation: none !important;
    }

.ngdialog-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.ngdialog-no-overlay {
    pointer-events: none;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
    background: transparent;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
    pointer-events: all;
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
    font-family: 'Helvetica', Arial, sans-serif;
    content: '\00D7';
    cursor: pointer;
}

.loaderlayoutbackground {
    background-color: black;
    opacity: 0.8;
}

.loaderlayout {
    z-index: 1500;
    text-align: center;
    position: relative;
    top: 50%;
    margin-top: -50px;
}



html.ngdialog-open,
body.ngdialog-open {
    overflow: hidden;
}

.errormessage {
    color: #a94442;
    font-size: 12px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
}

.top-buffer {
    margin-top: 20px;
}

.question-font {
    font-size: 16px;
    /*font-weight: 700;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
}

.answer-options label {
    width: 240px;
    padding: 15px;
    border-style: solid;
    border-radius: 25px;
    border-color: #797979;
    background-color: #FFF;
    border-width: 1px;
    text-align: center;
    height: 55px;
    font-size: 17px;
    font-weight: 400;
    margin-top: 5px;
}

    .answer-options label:hover, .answer-options label:active {
        background-color: #FF9F1A;
        color: white;
        border-color: #ffa900;
    }

.answer-options input {
    visibility: hidden;
}

input[type="radio"] {
    width: 0px;
}

.img-responsive {
    float: left;
    margin: 10px;
    height: 65px;
}

.top {
    width: 100%;
    text-align: center;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
}

.footer {
    padding-top: 20px;
}

header {
    background-color: #fff;
    padding-bottom: 20px;
}

.border {
    padding: 5px;
    border: 1px solid #797979;
}

.ng-fade.ng-hide {
    opacity: 0;
}

.ng-fade.ng-hide-remove,
.ng-fade.ng-hide-add {
    display: block !important; /* or inline-block, as appropriate */
}

.ng-fade.ng-hide-remove {
    transition: all linear 1000ms;
}

.spinner {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    position: absolute; /* Absolute positioning within the progress-container */
    right: 2.75px; /* Position the spinner to the right of the progress bar */
    top: 50%; /* Center vertically relative to the progress container */
    transform: translateY(-50%); /* Center it exactly */
    width: 25px;
    height: 25px;
    z-index: 1; /* Appear in front of background panel */
    pointer-events: none;
}

.show-spinner {
    opacity: 0.75; /* Visible when 'show-spinner' class is applied */
    transition-delay: 0.3s; /* Delay the fade-in */
}

.progress-container {
    position: relative;
    background-color: #FAF9F9;
    padding: 0px 30px;
}

div.progress-bar {
    background-color: #FF9F1A;
}

div.progress {
    border-radius: 10%;
    height: 14px;
    border: 1px solid #CCC;
    margin-bottom: 0px;
    border-radius: 7px;
    background-color: #ffffff;
}

button, input[type=submit] {
    padding: 10px;
    border-radius: 50px;
    width: 150px;
    background-color: white;
    outline: 0;
    border: 3px solid #797979;
    color: #797979;
    margin: 15px;
}

.float-right {
    float: right;
    margin-right: 85px;
    margin-top: 25px;
}

.top-buffer {
    padding-top: 5px;
}

.ackfeedback {
    font-size: 20px;
}

.rbtFeed .question label input {
    width: 100%;
}

button[disabled] {
    cursor: not-allowed;
}

.error {
    color: red;
}

.additional-surveys .survey {
    width: 250px;
    padding: 10px;
    display: inline-block;
    margin-left: 10px;
    border: 1px solid;
    height: 105px;
    float: left;
}

/*.survey label {
    border: 1px solid black;
    padding: 10px;
    height: 120px;
    width: 266px;
    font-weight: bolder;
   
}*/


.survey label {
    height: 300px;
    width: 266px;
    border: 1px solid rgba(49,38,29,0.25);
    border-radius: 0 0 20px 0;
    background-color: #FFFFFF;
    margin-bottom: 30px;
}

.survey #lblServey {
    font-weight: lighter;
}

.survey label.active {
    background-color: #A577A7;
    color: white;
}


.width-100-per {
    width: 100%;
}

button.report-send-email {
    margin-top: -8px;
}

button.save-user-detail {
    margin-top: -3px;
}

.Question {
    border: 1px solid;
    border-color: black;
    width: 100%;
    padding: 30px;
    font-size: 22px;
}


.subques {
    background-color: #FAF9F9;
    padding: 28px;
    padding-bottom: 10px;
}

.started {
    font-size: 22px;
    /*font-weight: bold;*/
    line-height: 27px;
    font-family: Lato-Bold, NotoSansSC-Bold, NotoSansTC-Bold;
}

.last-week {
    font-size: 16px;
    line-height: 26px;
    background-color: #FAF9F9;
    padding: 28px 28px 0 28px;
    margin: 0;
}

.rectangle {
    color: #31261D;
    font-size: 15px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 26px;
}

.substitute {
    margin-top: 40px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: rgba(255,159,26,0.1);
}

.online-clinic {
    height: 34px;
    width: 62.38px;
    color: #31261D;
    font-family: Lato, NotoSansSC, NotoSansTC;
    font-size: 26px;
    line-height: 27px;
    padding-left: 50px;
    margin-bottom: 0px;
    padding-top: 15px;
}

    .online-clinic p {
        margin-bottom: 0px;
    }

.copyright {
    text-align: center;
    font-weight: bolder;
}

.sidefont {
    font-size: 15px !important;
    line-height: 27px !important;
}

a#helplink {
    color: red;
    font-size: 14px;
    font-weight: 600;
    text-decoration: underline;
}


.vertical:before {
    content: "";
    position: absolute;
    height: 65px;
    left: 0px;
    width: 1px;
    background-color: #D8D8D8;
    margin-left: 20px;
}

.welcome-to-the-black-box {
    background-color: #FF9F1A;
}

.welcome-to-the-black-text {
    color: #FFFFFF;
    font-size: 39px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 48px;
    padding-left: 35px;
    padding-top: 45px;
}


.additional-welcome-to-the-black-text {
    color: #FFFFFF;
    font-size: 39px;
    /*font-weight: bold;*/
    line-height: 48px;
    padding-left: 35px;
    padding-top: 45px;
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
}

@media (max-width:1197px) and (min-width:991px) {
    .float-right {
        margin-right: 115px;
    }
}

​ @media only screen and (max-width: 1024px) {
    .welcome-to-the-black-text;

{
    padding-top: 25px;
}

.float-right {
    margin-right: 80px;
}

}

@media only screen and (max-width: 812px) {
    .welcome-to-the-black-text {
        padding-top: 20px;
    }
}

.img {
    max-width: 100%;
}


.header-img-container {
    background: #FFF;
    padding: 0px;
}

.header-img {
    overflow: hidden;
    border-radius: 0px 0px 30px 0px;
}

    .header-img img {
        height: 100%;
        width: auto;
    }

.involved {
    color: #FF9F1A;
    font-size: 20px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 24px;
    padding-top: 10px;
}


.created {
    font-size: 16px;
    line-height: 26px;
}

.bodycol {
    background-color: blue;
}

.bodycontent {
    background-color: #fff;
}

.substitute-heading {
    color: #E14504;
}

.createdtext {
    color: #31261D;
    font-size: 22px;
    /*font-weight: bold;*/
    line-height: 27px;
    padding-top: 30px;
    font-family: Lato-Bold, NotoSansSC-Bold, NotoSansTC-Bold;
}

.thank-you-for-taking {
    color: #31261D;
    font-size: 28px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 40px;
    text-align: center;
    padding-top: 20px;
}

.impinfo {
    color: #31261D;
    font-size: 18px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 40px;
    text-align: center;
    padding-top: 20px;
}


.before-you-receive-y {
    color: #31261D;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}

.do-any-of-the-below {
    color: #31261D;
    font-size: 16px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 26px;
    text-align: center;
    padding-bottom: 20px;
}

.addtionalques {
    color: #FF9F1A;
    font-size: 22px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 27px;
    padding-left: 15px;
}

.i-m-concerned-about {
    color: #31261D;
    font-size: 16px;
    line-height: 26px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
}


.survey label.active .addtionalques {
    color: #FFF;
}

.survey label.active .i-m-concerned-about {
    color: #FFF;
}




.Layout {
    background-color: #FAF9F9;
}

.addionalimg {
    padding-left: 15px;
    padding-top: 20px;
}

.Unselectedimg {
    padding-left: 150px;
    padding-top: 10px;
}

.Unselectedimg-selected {
    padding-left: 150px;
    padding-top: 10px;
    display: none;
}

.addionalimg-selected {
    padding-left: 15px;
    padding-top: 20px;
    display: none;
}

.survey label.active .addionalimg-selected {
    display: inline;
}

.survey label.active .addionalimg {
    display: none;
}


.survey label.active .Unselectedimg-selected {
    display: inline;
}

.survey label.active .Unselectedimg {
    display: none;
}

.btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary:focus {
    border-radius: 0px 0px 14px 0px;
    width: 215px;
    height: 55px;
    background-color: #FF9F1A;
    outline: 0;
    border: 1px solid #FF9F1A;
    color: #31261D;
    text-align: left;
    background-image: url(/Images/Circle_Icon.png) !important;
    background-repeat: no-repeat;
    background-position: right 15px top 18px;
    background-size: 20px;
    padding-left: 20px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    margin: 0px;
    font-size: 17px;
    line-height: 21px;
}

.btn.btn-primary.btn-need-help-now,
.btn.btn-primary.btn-need-help-now:active,
.btn.btn-primary.btn-need-help-now:focus {
    display: flex;
    align-items: center;
    min-width: 215px;
    background-color: #E14504;
    border: 1px solid #E14504;
    color: white;
    background-image: url(/Images/Circle_Icon_White.png) !important;
}

.btn {
    margin: 0px;
}

    .btn.btn-primary .fa {
        padding-left: 80px;
    }

.footer-img {
    margin-bottom: 15px;
}

.survey .fa {
    color: #A577A7;
    font-size: 25px;
    padding-left: 10px;
    margin-top: 20px;
    float: left;
}

.survey label.active .fa {
    color: #FFFFFF;
}

.done-your-report-is {
    color: #31261D;
    font-size: 28px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 40px;
    text-align: center;
    padding-bottom: 20px;
}




.btn.btn-primary.view {
    border-radius: 0px 0px 20px 0px;
    width: 100%;
    height: 85px;
    background-color: rgba(165,119,167,0.8);
    outline: 0;
    border: 1px solid rgba(165,119,167,0.8);
    color: #FFFFFF;
    text-align: center;
    background-image: url(/Images/file-alt.png) !important;
    background-repeat: no-repeat;
    background-position: left 20px top 18px;
    background-size: 35px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
}

.btn.btn-primary.download {
    border-radius: 0px 0px 20px 0px;
    width: 100%;
    height: 85px;
    background-color: rgba(0,173,216,0.8);
    outline: 0;
    border: 1px solid rgba(0,173,216,0.8);
    color: #FFFFFF;
    text-align: center;
    background-image: url(/Images/download.png) !important;
    background-repeat: no-repeat;
    background-position: left 20px top 25px;
    background-size: 35px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 20px;
}


.btn.btn-primary.email {
    border-radius: 0px 0px 20px 0px;
    width: 100%;
    height: 85px;
    background-color: rgba(255,159,26,0.8);
    outline: 0;
    border: 1px solid rgba(255,159,26,0.8);
    color: #FFFFFF;
    text-align: center;
    background-image: url(/Images/envelope.png) !important;
    background-repeat: no-repeat;
    background-position: left 20px top 29px;
    background-size: 35px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    font-size: 18px;
    line-height: 27px;
}

.emailreport {
    padding: 30px;
}

.feedbackbg {
    margin-top: 30px;
    background-color: #FAF9F9;
}


.we-d-love-to-hear {
    color: #31261D;
    font-size: 22px;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
    line-height: 27px;
}

.happy-contacted {
    padding-left: 15px;
    margin-top: -25px;
}

.radio.feedbackradio {
    margin-top: 15px;
}

.feedbacktext {
    padding-left: 10px;
}

.helprectangle {
    padding: 5px 30px 15px 30px;
    background-color: #FAF9F9;
    border-radius: 0 0 20px 0;
    height: 285px;
}

.helpline {
    color: #FF9F1A;
    padding-bottom: 10px;
}

.helptextcenter {
    padding-top: 5px;
    font-size: 16px;
    line-height: 26px;
    color: #31261D;
    /*font-weight: bold;*/
    font-family: Lato-bold, NotoSansSC-bold, NotoSansTC-bold;
}

.helptext {
    padding-top: 20px;
    font-size: 16px;
    line-height: 26px;
    color: #31261D;
    text-align: center;
    padding-bottom: 20px;
}

/* CUSTOM RADIO */
/* https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs */
.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    margin-right: .5em;
    top: 3px;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: 1.5em;
        line-height: 0;
        top: 50%;
        left: -2px;
    }

    .radio .cr .cr-icon {
        margin-left: -0.05em;
        color: #ff9f1a;
    }

.checkbox .cr .cr-icon {
    margin-left: -0.05em;
    color: #ff9f1a;
}

.radio .radioError .cr {
    border: 1px solid #cd5c5c;
}

/*.float-right {
    margin-right: 80px;
}*/


.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(1.2) rotateZ(0deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
        transform: scale(0.6) rotateZ(0deg);
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

/* END RADIO */

/* 1 pixels for top and bottom, and to 60 pixels for right and left */
.space {
    padding: 1px 60px;
}





@media only screen and (max-width: 330px) {
    .answer-options label {
        font-size: 16px;
    }
}


@media only screen and (max-width: 812px) {

    .space {
        padding: 1px 30px;
    }

    .thank-you-for-taking {
        font-size: 22px;
        padding-top: 5px;
        line-height: 27px;
    }

    #Substituteimg {
        display: none;
        display: none;
    }

    .float-right {
        margin-right: 80px;
    }
}

@media only screen and (max-width: 768px) {

    .online-clinic {
        font-size: 22px;
    }

    .space {
        padding: 1px 15px;
    }

    .helptext {
        text-align: left;
        padding: 2px 20px 2px 20px;
    }


    .done-your-report-is {
        text-align: left;
        font-size: 22px;
    }

    .thank-you-for-taking {
        text-align: left;
    }


    .impinfo {
        padding-left: 20px;
        text-align: left;
    }

    .before-you-receive-y {
        text-align: left;
    }

    .helprectangle {
        margin-top: 10px;
        height: auto;
        padding: 15px 30px 15px 30px;
    }

    .additional-welcome-to-the-black-text {
        font-size: 26px;
        padding-top: 10px;
        padding-left: 15px;
        line-height: 38px;
    }

    .welcome-to-the-black-text {
        font-size: 26px;
        padding-top: 10px;
        padding-left: 15px;
        line-height: 38px;
    }

    .emailreport {
        padding: 20px;
    }

    .survey label {
        height: 100%;
        width: 100%;
    }

    .additionalques {
        padding: 30px;
    }

    .Unselectedimg {
        margin-left: 60px;
        padding-top: 10px;
    }

    .Unselectedimg-selected {
        margin-left: 60px;
        padding-top: 10px;
        display: none;
    }

    .do-any-of-the-below {
        text-align: left;
    }

    .btn.btn-primary, .btn.btn-primary:active, .btn.btn-primary:focus {
        width: 100%;
    }

    button.btn.btnback {
        margin-left: 45px !important;
    }
}

.mobile-view-header-wrapper {
    position: relative;
    float: left;
}

/*Medium devices*/
@media (min-width: 992px) {
    .col-md-3.header-logo-wrapper {
        width: 20%;
    }
}

@media (min-width: 1200px) {
    .col-lg-2.header-logo-wrapper {
        width: 16.66666667%;
    }
}

.createdtexts {
    color: #31261D;
    font-size: 22px;
    /* font-weight: bold; */
    line-height: 27px;
    padding-top: 30px;
    font-family: Lato-Bold, NotoSansSC-Bold, NotoSansTC-Bold;
    text-align: center;
}

.textcreated {
    color: #31261D;
    font-size: 22px;
    font-family: Lato-Bold, NotoSansSC-Bold, NotoSansTC-Bold;
    text-align: center;
}

.btn.btn-primary.btn-rathernotanswer {
    background-color: #e8e3de00;
    border-color: black;
}


    .btn.btn-primary.btn-rathernotanswer:hover {
        background-color: rgb(255, 159, 26);
    }

.subque {
    background-color: #FAF9F9;
    padding: 14px;
}

.description {
    padding-bottom: 3px;
}

button, input, select, textarea {
    margin-bottom: 17px !important;
}

    button.btn.btnback {
        float: left;
        width: 135px;
        padding: 12px;
        border-style: solid;
        border-radius: 25px;
        border-color: #797979;
        background-color: #FFF;
        border-width: 1px;
        text-align: center;
        height: 52px;
        background-image: url(../Images/Circle_IconImage.png);
        background-position: left 20px top 16px !important;
        margin-top: 5px;
        margin-left: 45px;
        background-repeat: no-repeat;
        font-size: 17px;
        font-weight: 400;
        color: #040404;
    }

.div-back {
    background-color: #FAF9F9;
}

label.active {
    background-color: #FF9F1A;
    color: white;
    border-color: #ffa900;
}

@media (min-width: 1200px) {
    .loginform-main-div {
        width: 1109px;
    }
}

.message-color {
    color: red;
}

.margin-top-5 {
    margin-top: 40px !important;
}


.login-background_transparent-color {
    background: #D64204 !important;
    color: white !important;
    border: 2px solid #D64204 !important;
}

    .login-background_transparent-color:hover {
        background: #AE411C !important;
        color: white !important;
        border: 2px solid #AE411C !important;
    }

.btn-primary.background_transparent-color {
    background: #D64204 !important;
    color: white !important;
    border: 2px solid #D64204 !important;
}

    .btn-primary.background_transparent-color:hover {
        background: #AE411C !important;
        color: white !important;
        border: 2px solid #AE411C !important;
    }

.btn-primary.background_transparent:focus {
    background-image: none !important;
}

.background_color_transparent {
    background: #D64204 !important;
    color: white !important;
    border: 2px solid #D64204 !important;
}

.btn-primary.background_transparent {
    background: transparent !important;
    color: #FF9F1A !important;
    border: 2px solid #FF9F1A !important;
}

    .btn-primary.background_transparent:hover {
        background: #AE411C !important;
        color: white !important;
        border: 2px solid #AE411C !important;
    }

.padding-left-0 {
    padding-left: 0px;
}

.testusertext {
    color: #D64204;
    font-size: 18px;
}

.logoutdiv {
    text-align: center !important;
    background-color: #e14504 !important;
    color: white !important;
    padding: 17.5px !important;
    margin-right: -13px !important;
}

    .logoutdiv a span {
        color: white;
        font-weight: 700;
        font-family: Lato, NotoSansSC, NotoSansTC, sans-serif;
    }

.margin-left-20 {
    margin-left: 45px;
    margin-top: -5px !important;
}

.padding-left-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.font-size-16 {
    font-weight: 700!important;
    font-size: 16px!important;
}

.text-center {
    text-align: center;
}

.layout-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 28px;
    flex-wrap: wrap;
    gap: 12px;
}

.flex-vertical-center {
    display: flex;
    align-items: center;
}

.gap-6 {
    gap: 1.5rem;
}

.language-selection {
    font-size: 18px;
    min-width: 50px;
}

.divider-span {
    color: #D8D8D8;
}

.img-with-div-border {
    border-right: 1px solid #D8D8D8;
    padding-right: 20px;
    margin-right: 20px;
}

.layout-online-clinic {
    color: #31261d;
    font-size: 26px;
    line-height: 27px
}

@media (max-width: 768px) {
    .layout-header {
        padding-right: 0px;
    }

    .mobile-full-width {
        width: 100%;
    }
}